jquery如何实现锚点链接之间的平滑滚动


Posted in Javascript onDecember 02, 2013
$('a[href*=#]').click(function() { 
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { 
var $target = $(this.hash); 
$target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']'); 
if ($target.length) { 
var targetOffset = $target.offset().top; 
$('html,body').animate({ 
scrollTop: targetOffset 
}, 
500); 
return false; 
} 
} 
});
Javascript 相关文章推荐
js 数值项目的格式化函数代码
May 14 Javascript
JS删除字符串中重复字符方法
Mar 09 Javascript
JavaScript获取某年某月的最后一天附截图
Jun 23 Javascript
JavaScript Promise启示录
Aug 12 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
Sep 24 Javascript
Bootstrap表格和栅格分页实例详解
May 20 Javascript
JavaScript页面实时显示当前时间实例代码
Oct 23 Javascript
JS/jQuery判断DOM节点是否存在的简单方法
Nov 24 Javascript
解决vue-cli中stylus无法使用的问题方法
Jun 19 Javascript
vue2.0+vue-dplayer实现hls播放的示例
Mar 02 Javascript
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
jQuery实现简易QQ聊天框
Feb 10 jQuery
jquery通过a标签删除table中的一行的代码
Dec 02 #Javascript
jQuery判断checkbox是否选中的小例子
Dec 02 #Javascript
利用了jquery的ajax实现二级联互动菜单
Dec 02 #Javascript
前台js调用后台方法示例
Dec 02 #Javascript
用javascript为页面添加天气显示实现思路及代码
Dec 02 #Javascript
给ListBox添加双击事件示例代码
Dec 02 #Javascript
js抽奖实现随机抽奖代码效果
Dec 02 #Javascript
You might like
php 批量生成html,txt文件的实现代码
2013/06/26 PHP
PHP中使用imagick生成PSD文件缩略图教程
2015/01/26 PHP
php获得文件大小和文件创建时间的方法
2015/03/13 PHP
php把数组值转换成键的方法
2015/07/13 PHP
PHP lcfirst()函数定义与用法
2019/03/08 PHP
PHP 面向对象程序设计之类属性与类常量实现方法分析
2020/04/13 PHP
PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
2020/08/03 PHP
prototype class详解
2006/09/07 Javascript
JS处理VBArray的函数使用说明
2008/05/11 Javascript
javascript的渐进增强与平稳退化浅谈
2013/11/12 Javascript
Angular中的Promise对象($q介绍)
2015/03/03 Javascript
JavaScript数据结构与算法之集合(Set)
2016/01/29 Javascript
JS简单获取日期相差天数的方法
2017/04/24 Javascript
javascript 中iframe高度自适应(同域)实例详解
2017/05/16 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
2017/09/25 Javascript
在element-ui的el-tree组件中用render函数生成el-button的实例代码
2018/11/05 Javascript
Vue中使用matomo进行访问流量统计的实现
2019/11/05 Javascript
jquery实现淡入淡出轮播图效果
2020/12/13 jQuery
[00:37]2016完美“圣”典风云人物:AMS宣传片
2016/12/06 DOTA
深入解析Python中的WSGI接口
2015/05/11 Python
Python代码解决RenderView窗口not found问题
2016/08/28 Python
使用python3实现操作串口详解
2019/01/01 Python
对python中类的继承与方法重写介绍
2019/01/20 Python
详解Python装饰器
2019/03/25 Python
用Python批量把文件复制到另一个文件夹的实现方法
2019/08/16 Python
python基于FTP实现文件传输相关功能代码实例
2019/09/28 Python
在Pytorch中计算卷积方法的区别详解(conv2d的区别)
2020/01/03 Python
HTML5的表单(绝对特别强大的功能)使用示例
2013/06/20 HTML / CSS
办公室内勤工作职责
2013/12/11 职场文书
心理咨询承诺书
2014/05/20 职场文书
大学优秀班集体申报材料
2014/05/23 职场文书
班级体育活动总结
2014/07/05 职场文书
法定代表人资格证明书
2014/09/11 职场文书
没有孩子的离婚协议书怎么写
2014/09/17 职场文书
公司酒会致辞
2015/07/30 职场文书
保外就医申请书范文
2015/08/06 职场文书