jQuery实现平滑滚动页面到指定锚点链接的方法


Posted in Javascript onJuly 15, 2015

本文实例讲述了jQuery实现平滑滚动页面到指定锚点链接的方法。分享给大家供大家参考。具体如下:

$.fn.scroller = function() {
  var speed = 'slow'; // Choose default speed
  $(this).each(function() {
    $(this).bind('click', function() {
      var target = $(this).attr('href'); // Get scroll target
      $(target).ScrollTo(speed);
      return false;
    });
  });
}

希望本文所述对大家的jquery程序设计有所帮助。

Javascript 相关文章推荐
Javascript - HTML的request类
Jan 09 Javascript
javascript实现tabs选项卡切换效果(扩展版)
Mar 19 Javascript
jQuery调取jSon数据并展示的方法
Jan 29 Javascript
JavaScript人脸识别技术及脸部识别JavaScript类库Tracking.js
Sep 14 Javascript
JavaScript 封装一个tab效果源码分享
Sep 15 Javascript
用JavaScript实现让浏览器停止载入页面的方法
Jan 19 Javascript
使用JavaScript判断用户输入的是否为正整数(两种方法)
Feb 05 Javascript
javascript图片预览和上传(兼容IE)
Mar 15 Javascript
Angular2 父子组件数据通信实例
Jun 22 Javascript
react 国际化的实现代码示例
Sep 14 Javascript
JavaScript的级联函数用法简单示例【链式调用】
Mar 26 Javascript
浅谈vue使用axios的回调函数中this不指向vue实例,为undefined
Sep 21 Javascript
javascript实现在线客服效果
Jul 15 #Javascript
jQuery实现的进度条效果
Jul 15 #Javascript
jQuery中(function($){})(jQuery)详解
Jul 15 #Javascript
jQuery的事件委托实例分析
Jul 15 #Javascript
jQuery的end()方法使用详解
Jul 15 #Javascript
浅谈$(document)和$(window)的区别
Jul 15 #Javascript
浅谈window对象的scrollBy()方法
Jul 15 #Javascript
You might like
PHP和XSS跨站攻击的防范
2007/04/17 PHP
php中global和$GLOBALS[]的分析之一
2012/02/02 PHP
php为字符串前后添加指定数量字符的方法
2015/05/04 PHP
php无法连接mysql数据库的正确解决方法
2016/07/01 PHP
php 数组字符串搜索array_search技巧
2016/07/05 PHP
js option删除代码集合
2008/11/12 Javascript
Juqery Html(),append()等方法的Bug解决方法
2010/12/13 Javascript
JavaScript闭包函数访问外部变量的方法
2014/08/27 Javascript
jquery中页面Ajax方法$.load的功能使用介绍
2014/10/20 Javascript
node.js中的socket.io的广播消息
2014/12/15 Javascript
JavaScript判断按钮被点击的方法
2015/12/13 Javascript
javascript的正则匹配方法学习
2016/02/24 Javascript
jQuery实现产品对比功能附源码下载
2016/08/09 Javascript
JavaScript性能优化总结之加载与执行
2016/08/11 Javascript
微信小程序 底部导航栏目开发资料
2016/12/05 Javascript
JavaScript 自定义事件之我见
2017/09/25 Javascript
基于VuePress 轻量级静态网站生成器的实现方法
2018/04/17 Javascript
微信小程序遍历Echarts图表实现多个饼图
2019/04/25 Javascript
通过实例解析js简易模块加载器
2019/06/17 Javascript
微信小程序实现星级评价
2019/11/20 Javascript
[01:00:13]完美世界DOTA2联赛 LBZS vs Forest 第一场 11.07
2020/11/09 DOTA
Python 字典(Dictionary)操作详解
2014/03/11 Python
python创建关联数组(字典)的方法
2015/05/04 Python
Pytorch中Tensor与各种图像格式的相互转化详解
2019/12/26 Python
python“静态”变量、实例变量与本地变量的声明示例
2020/11/13 Python
Pandas直接读取sql脚本的方法
2021/01/21 Python
html5开发之viewport使用
2013/10/17 HTML / CSS
工商管理专业实习生自我鉴定
2013/09/29 职场文书
个人简历自荐信
2013/12/05 职场文书
团组织关系介绍信
2014/01/12 职场文书
环保倡议书50字
2014/05/15 职场文书
2014年职称评定工作总结
2014/11/26 职场文书
舞蹈社团活动总结
2015/05/07 职场文书
2015中秋祝酒词
2015/08/12 职场文书
USB TYPE-C 或将成为所有智能手机充电标准
2022/04/21 数码科技
nginx rewrite功能使用场景分析
2022/05/30 Servers