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 相关文章推荐
通过js为元素添加多项样式,浏览器全兼容写法
Aug 30 Javascript
深入理解JavaScript系列(47):对象创建模式(上篇)
Mar 04 Javascript
javascript实时显示北京时间的方法
Mar 12 Javascript
JavaScript实现判断图片是否加载完成的3种方法整理
Mar 13 Javascript
jquery实现全选、反选、获得所有选中的checkbox
Sep 13 Javascript
延时加载JavaScript代码提高速度
Dec 27 Javascript
详解JavaScript中的属性和特性
Dec 08 Javascript
浅谈mvvm-simple双向绑定简单实现
Apr 18 Javascript
Vue.js样式动态绑定实现小结
Jan 24 Javascript
Vue实现导航栏点击当前标签变色功能
Aug 19 Javascript
JS数组扁平化(flat)方法总结详解
Jun 24 Javascript
JS数组push、unshift、pop、shift方法的实现与使用方法示例
Apr 29 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的Yii框架中扩展的安装与使用
2016/04/01 PHP
PHP动态地创建属性和方法, 对象的复制, 对象的比较,加载指定的文件,自动加载类文件,命名空间
2016/05/06 PHP
php实现的统计字数函数定义与使用示例
2017/07/26 PHP
PHP代码重构方法漫谈
2018/04/17 PHP
php让json_encode不自动转义斜杠“/”的方法
2020/04/27 PHP
收藏一些不常用,但是有用的代码
2007/03/12 Javascript
兼容FireFox 的 js 日历 支持时间的获取
2009/03/04 Javascript
javascript 定义初始化数组函数
2009/09/07 Javascript
分享10篇优秀的jQuery幻灯片制作教程及应用案例
2011/04/16 Javascript
Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
2011/04/27 Javascript
JavaScript高级程序设计 读书笔记之十 本地对象Date日期
2012/02/27 Javascript
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
2012/10/11 Javascript
使用jquery动态加载javascript以减少服务器压力
2012/10/29 Javascript
js批量设置样式的三种方法不推荐使用with
2013/02/25 Javascript
你必须知道的Javascript知识点之"深入理解作用域链"的介绍
2013/04/23 Javascript
用C/C++来实现 Node.js 的模块(一)
2014/09/24 Javascript
NodeJS中Buffer模块详解
2015/01/07 NodeJs
javascript中Object使用详解
2015/01/26 Javascript
jQuery Easyui datagrid/treegrid 清空数据
2016/07/09 Javascript
IONIC自定义subheader的最佳解决方案
2016/09/22 Javascript
javascript设计模式之单体模式学习笔记
2017/02/15 Javascript
详谈jQuery.load()和Jsp的include的区别
2017/04/12 jQuery
Vue 使用beforeEach实现登录状态检查功能
2019/10/31 Javascript
Python入门篇之字符串
2014/10/17 Python
Python中3种内建数据结构:列表、元组和字典
2014/11/30 Python
numpy.linspace函数具体使用详解
2019/05/27 Python
基于Python实现视频的人脸融合功能
2020/06/12 Python
Python 实现二叉查找树的示例代码
2020/12/21 Python
使用HTML5拍照示例代码
2013/08/06 HTML / CSS
捷克时尚网上商店:OTTO
2018/03/15 全球购物
W Hamond官网:始于1979年的钻石专家
2020/07/20 全球购物
一家外企的面试题目(C/C++面试题,C语言面试题)
2014/03/24 面试题
三分钟自我介绍演讲稿
2014/08/21 职场文书
财务整改报告范文
2014/11/05 职场文书
CocosCreator ScrollView优化系列之分帧加载
2021/04/14 Python
安装Windows Server 2012 R2企业版操作系统并设置好相关参数
2022/04/29 Servers