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 相关文章推荐
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
Apr 01 Javascript
JS鼠标事件大全 推荐收藏
Nov 01 Javascript
浅析JavaScript中的同名标识符优先级
Dec 06 Javascript
JS图像无缝滚动脚本非常好用
Feb 10 Javascript
node.js中的fs.readFile方法使用说明
Dec 15 Javascript
JS基于构造函数实现的菜单滑动显隐效果【测试可用】
Jun 21 Javascript
基于jQuery和hwSlider实现内容左右滑动切换效果附源码下载(一)
Jun 22 Javascript
理解javascript中的Function.prototype.bind的方法
Feb 03 Javascript
vue实现移动端图片裁剪上传功能
Aug 18 Javascript
WebStorm ES6 语法支持设置&babel使用及自动编译(详解)
Sep 08 Javascript
vue组件讲解(is属性的用法)模板标签替换操作
Sep 04 Javascript
JavaScript获取URL参数的方法分享
Apr 07 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执行速度全攻略(上)
2006/10/09 PHP
php curl基本操作详解
2013/07/23 PHP
php中getservbyport与getservbyname函数用法实例
2014/11/18 PHP
PHP中使用php5-ffmpeg撷取视频图片实例
2015/01/07 PHP
PHP读取Excel内的图片(phpspreadsheet和PHPExcel扩展库)
2019/11/19 PHP
让whoops帮我们告别ThinkPHP6的异常页面
2020/03/02 PHP
JavaScript表单常用验证集合
2008/01/16 Javascript
jQuery 性能优化指南(3)
2009/05/21 Javascript
Mootools 1.2教程(21)——类(二)
2009/09/15 Javascript
在jquery中处理带有命名空间的XML数据
2011/06/13 Javascript
asp.net刷新本页面的六种方法总结
2014/01/07 Javascript
JavaScript中创建对象和继承示例解读
2014/02/12 Javascript
Javascript前端UI框架Kit使用指南之kitjs事件管理
2014/11/28 Javascript
jquery实现标签支持图文排列带上下箭头按钮的选项卡
2015/03/14 Javascript
JavaScript整除运算函数ceil和floor的区别分析
2015/04/14 Javascript
Bootstrap select多选下拉框实现代码
2016/12/23 Javascript
详解如何将angular-ui的图片轮播组件封装成一个指令
2017/05/09 Javascript
js 概率计算(简单版)
2017/09/12 Javascript
Angular实现可删除并计算总金额的购物车功能示例
2017/12/26 Javascript
Vue 中使用 CSS Modules优雅方法
2018/04/09 Javascript
讲解Python的Scrapy爬虫框架使用代理进行采集的方法
2016/02/18 Python
Python入门_浅谈for循环、while循环
2017/05/16 Python
python通过百度地图API获取某地址的经纬度详解
2018/01/28 Python
python 获取当天每个准点时间戳的实例
2018/05/22 Python
使用Anaconda3建立虚拟独立的python2.7环境方法
2018/06/11 Python
Python根据文件名批量转移图片的方法
2018/10/21 Python
python实现flappy bird游戏
2018/12/24 Python
pytorch自定义初始化权重的方法
2019/08/17 Python
HTML5 画布canvas使用方法
2016/03/18 HTML / CSS
如何使用PHP session
2015/04/21 面试题
Java程序员综合测试题
2014/04/25 面试题
英文留学推荐信范文
2014/01/25 职场文书
小学教师国培感言
2014/02/08 职场文书
2015年化工厂工作总结
2015/05/04 职场文书
手把手教你导入Go语言第三方库
2021/08/04 Golang
Z-Order加速Hudi大规模数据集方案分析
2022/03/31 Servers