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 相关文章推荐
JavaScript 闭包在封装函数时的简单分析
Nov 28 Javascript
基于jquery的inputlimiter 实现字数限制功能
May 30 Javascript
前台js对象在后台转化java对象的问题探讨
Dec 20 Javascript
js防止DIV布局滚动时闪动的解决方法
Oct 30 Javascript
js实现格式化金额,字符,时间的方法
Feb 26 Javascript
js性能优化技巧
Nov 29 Javascript
理解javascript正则表达式
Mar 08 Javascript
百度多文件异步上传控件webuploader基本用法解析
Nov 07 Javascript
jquery插件bootstrapValidator数据验证详解
Nov 09 Javascript
js获取元素下的第一级子元素的方法(推荐)
Mar 05 Javascript
在Create React App中启用Sass和Less的方法示例
Jan 16 Javascript
JavaScript实现猜数字游戏
May 20 Javascript
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实现转换ubb代码的方法
2015/06/18 PHP
php邮件发送的两种方式
2020/04/28 PHP
php表单加入Token防止重复提交的方法分析
2016/10/10 PHP
curl 出现错误的调试方法(必看)
2017/02/13 PHP
YII框架行为behaviors用法示例
2019/04/26 PHP
js判断选择的时间是否大于今天的代码
2013/08/20 Javascript
通过jquery 获取URL参数并进行转码
2014/08/18 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
2016/01/15 Javascript
Angularjs实现搜索关键字高亮显示效果
2017/01/17 Javascript
nodejs服务搭建教程 nodejs访问本地站点文件
2017/04/07 NodeJs
JS库之Waypoints的用法详解
2017/09/13 Javascript
JavaScript继承与多继承实例分析
2018/05/26 Javascript
Vue项目中最新用到的一些实用小技巧
2018/11/06 Javascript
原生javascript自定义input[type=radio]效果示例
2019/08/27 Javascript
Vue.js中Line第三方登录api的实现代码
2020/06/29 Javascript
[01:35]辉夜杯战队访谈宣传片—LGD
2015/12/25 DOTA
Python 命令行参数sys.argv
2008/09/06 Python
从零学Python之入门(三)序列
2014/05/25 Python
粗略分析Python中的内存泄漏
2015/04/23 Python
使用rst2pdf实现将sphinx生成PDF
2016/06/07 Python
python实现两个文件合并功能
2018/04/01 Python
pandas groupby 分组取每组的前几行记录方法
2018/04/20 Python
python将.ppm格式图片转换成.jpg格式文件的方法
2018/10/27 Python
完美解决Python matplotlib绘图时汉字显示不正常的问题
2019/01/29 Python
对Django 转发和重定向的实例详解
2019/08/06 Python
Python生成词云的实现代码
2020/01/14 Python
PyTorch的SoftMax交叉熵损失和梯度用法
2020/01/15 Python
tensorflow模型文件(ckpt)转pb文件的方法(不知道输出节点名)
2020/04/22 Python
Django:使用filter的pk进行多值查询操作
2020/07/15 Python
英国、欧洲和全球租车服务:Avis英国
2016/08/29 全球购物
美国领先的家庭智能音响系统品牌:Sonos
2018/07/20 全球购物
加拿大大码女装购物网站:Penningtons
2020/12/26 全球购物
Sql面试题
2013/03/20 面试题
租房协议书范例
2014/10/14 职场文书
一小时学会TensorFlow2之基本操作2实例代码
2021/09/04 Python
SQL Server 忘记密码以及重新添加新账号
2022/04/26 SQL Server