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 容错处理代码, 屏蔽错误信息
Mar 09 Javascript
仿中关村在线首页弹出式广告插件(jQuery版)
May 03 Javascript
JavaScript运行时库属性一览表
Mar 14 Javascript
让html页面不缓存js的实现方法
Oct 31 Javascript
微信QQ的二维码登录原理js代码解析
Jun 23 Javascript
JS全局变量和局部变量最新解析
Jun 24 Javascript
通过BootStrap-select插件 js jQuery控制select属性变化
Jan 03 Javascript
CodeMirror js代码加亮使用总结
Mar 25 Javascript
利用JS实现scroll自定义滚动效果详解
Oct 17 Javascript
vue实现todolist基本功能以及数据存储功能实例详解
Apr 11 Javascript
详解Vue前端生产环境发布配置实战篇
May 07 Javascript
Vue实现购物车实例代码两则
May 30 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获取网页内容方法总结
2008/12/04 PHP
php获取数组中重复数据的两种方法
2013/06/28 PHP
php生成excel文件的简单方法
2014/02/08 PHP
怎样搭建PHP开发环境
2015/07/28 PHP
PHP基于面向对象实现的留言本功能实例
2018/04/04 PHP
BOOM vs RR BO3 第二场2.13
2021/03/10 DOTA
jQuery autocomplete插件修改
2009/04/17 Javascript
30个最好的jQuery 灯箱插件分享
2011/04/25 Javascript
Javascript图像处理—为矩阵添加常用方法
2012/12/27 Javascript
jquery创建一个新的节点对象(自定义结构/内容)的好方法
2013/01/21 Javascript
jQuery选择器源码解读(一):Sizzle方法
2015/03/31 Javascript
认识Knockout及如何使用Knockout绑定上下文
2015/12/25 Javascript
JavaScript 弹出子窗体并返回结果到父窗体的实现代码
2016/05/28 Javascript
返回函数的JavaScript函数
2016/06/14 Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
2018/03/03 Javascript
浅析vue给不同环境配置不同打包命令
2018/08/17 Javascript
vue操作下拉选择器获取选择的数据的id方法
2018/08/24 Javascript
JS实现Cookie读、写、删除操作工具类示例
2018/08/28 Javascript
ligerUI的ligerDialog关闭刷新的方法
2019/09/27 Javascript
如何在wxml中直接写js代码(wxs)
2019/11/14 Javascript
JS Html转义和反转义(html编码和解码)的实现与使用方法总结
2020/03/10 Javascript
[59:15]EG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/29 DOTA
python+pillow绘制矩阵盖尔圆简单实例
2018/01/16 Python
Python学习笔记之函数的定义和作用域实例详解
2019/08/13 Python
python使用OpenCV模块实现图像的融合示例代码
2020/04/10 Python
python中封包建立过程实例
2021/02/18 Python
YSL圣罗兰美妆英国官网:Yves Saint Laurent Beauty UK
2019/08/03 全球购物
乌克兰排名第一的在线旅游超市:Farvater.Travel
2020/01/02 全球购物
学生周末回家住宿长期请假条
2014/02/15 职场文书
爱护环境卫生倡议书
2015/04/29 职场文书
2016高考冲刺决心书
2015/09/23 职场文书
优秀大学生申请书
2019/06/24 职场文书
MySQL数字类型自增的坑
2021/05/07 MySQL
mongodb清除连接和日志的正确方法分享
2021/09/15 MongoDB
redis缓存存储Session原理机制
2021/11/20 Redis
Html5获取用户当前位置的几种方式
2022/01/18 HTML / CSS