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 相关文章推荐
重定向实现代码
Nov 20 Javascript
javascript通过navigator.userAgent识别各种浏览器
Oct 25 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
Apr 15 Javascript
详解JavaScript的AngularJS框架中的作用域与数据绑定
Mar 04 Javascript
浅析jQuery事件之on()方法绑定多个选择器,多个事件
Apr 27 Javascript
AngularJs基于角色的前端访问控制的实现
Nov 07 Javascript
详解用vue编写弹出框组件
Jul 04 Javascript
基于Vue的延迟加载插件vue-view-lazy
May 21 Javascript
微信小程序控制台提示warning:Now you can provide attr "wx:key" for a "wx:for" to improve performance解决方法
Feb 21 Javascript
如何解决js函数防抖、节流出现的问题
Jun 17 Javascript
JavaScript享元模式原理与用法实例详解
Mar 09 Javascript
vue-router 按需加载 component: () => import() 报错的解决
Sep 22 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包含文件函数include、include_once、require、require_once区别总结
2014/04/05 PHP
PHP生成自定义长度随机字符串的函数分享
2014/05/04 PHP
PHP的switch判断语句的“高级”用法详解
2014/10/01 PHP
通过php添加xml文档内容的方法
2015/01/23 PHP
如何使用纯PHP实现定时器任务(Timer)
2015/07/31 PHP
Firebug 字幕文件JSON地址获取代码
2009/10/28 Javascript
Javascript load Page,load css,load js实现代码
2010/03/31 Javascript
jQuery jqgrid 对含特殊字符json 数据的 Java 处理方法
2011/01/01 Javascript
javascript模拟的Ping效果代码 (Web Ping)
2011/03/13 Javascript
排序算法的javascript实现与讲解(99js手记)
2014/09/28 Javascript
AngularJS初始化过程分析(引导程序)
2014/12/06 Javascript
jQuery实现的简单排序功能示例【冒泡排序】
2017/01/13 Javascript
js实现本地图片文件拖拽效果
2017/07/18 Javascript
Vue不能观察到数组length的变化
2018/06/08 Javascript
Angular 利用路由跳转到指定页面的指定位置方法
2018/08/31 Javascript
vue--vuex详解
2019/04/15 Javascript
vue路由权限校验功能的实现代码
2020/06/07 Javascript
在Python中操作字符串之replace()方法的使用
2015/05/19 Python
使用Python脚本将文字转换为图片的实例分享
2015/08/29 Python
python使用opencv读取图片的实例
2017/08/17 Python
对python 自定义协议的方法详解
2019/02/13 Python
Python匿名函数及应用示例
2019/04/09 Python
pandas-resample按时间聚合实例
2019/12/27 Python
Django限制API访问频率常用方法解析
2020/10/12 Python
Python关于拓扑排序知识点讲解
2021/01/04 Python
全球性的奢侈品梦工厂:Forzieri(福喜利)
2019/02/20 全球购物
保加利亚手表、香水、化妆品和珠宝购物网站:Brasty.bg
2020/04/22 全球购物
String、StringBuffer、StringBuilder有区别
2015/09/18 面试题
《中华少年》教学反思
2014/02/15 职场文书
新任教师自我鉴定
2014/02/24 职场文书
销售团队激励口号
2014/06/06 职场文书
销售队伍口号
2014/06/11 职场文书
秋季校运会广播稿100字
2014/09/18 职场文书
2014小学语文教学工作总结
2014/12/17 职场文书
企业廉洁教育心得体会
2016/01/20 职场文书
Go标准容器之Ring的使用说明
2021/05/05 Golang