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创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
Jun 28 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
Apr 06 Javascript
Javascript非构造函数的继承
Apr 27 Javascript
Bootstrap每天必学之折叠(Collapse)插件
Apr 25 Javascript
jQuery制作网页版选项卡
Jul 28 Javascript
AngularJS基础 ng-hide 指令用法及示例代码
Aug 01 Javascript
购物车前端开发(jQuery和bootstrap3)
Aug 27 Javascript
js实现本地图片文件拖拽效果
Jul 18 Javascript
vue axios登录请求拦截器
Apr 02 Javascript
基于layui框架响应式布局的一些使用详解
Sep 16 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
Jul 07 Javascript
vue使用echarts图表自适应的几种解决方案
Dec 04 Vue.js
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缓存类分享     php缓存机制
2014/01/22 PHP
php实现数据库的增删改查
2017/02/26 PHP
PHP registerXPathNamespace()函数讲解
2019/02/03 PHP
js二维数组定义和初始化的三种方法总结
2014/03/03 Javascript
删除条目时弹出的确认对话框
2014/06/05 Javascript
js实现从数组里随机获取元素
2015/01/12 Javascript
利用JavaScript的AngularJS库制作电子名片的方法
2015/06/18 Javascript
基于javascript实现单选及多选的向右和向左移动实例
2015/07/25 Javascript
纯css实现窗户玻璃雨滴逼真效果
2015/08/23 Javascript
jQuery3.0中的buildFragment私有函数详解
2016/08/16 Javascript
不间断循环滚动效果的实例代码(必看篇)
2016/10/08 Javascript
vue.js单页面应用实例的简单实现
2017/04/10 Javascript
Node.js使用orm2进行update操作时关联字段无法修改的解决方法
2017/06/13 Javascript
javascript checkbox/radio onchange不能兼容ie8处理办法
2017/06/13 Javascript
Vue手把手教你撸一个 beforeEnter 钩子函数
2018/04/24 Javascript
微信小程序如何获取手机验证码
2018/11/04 Javascript
新年快乐! javascript实现超级炫酷的3D烟花特效
2019/01/30 Javascript
Jquery 动态添加元素并添加点击事件实现过程解析
2019/10/12 jQuery
countup.js实现数字动态叠加效果
2019/10/17 Javascript
Vue页面跳转传递参数及接收方式
2020/09/09 Javascript
easy_install python包安装管理工具介绍
2013/02/10 Python
python中numpy包使用教程之数组和相关操作详解
2017/07/30 Python
pytorch中tensor的合并与截取方法
2018/07/26 Python
PyQt5实现五子棋游戏(人机对弈)
2020/03/24 Python
Python Threading 线程/互斥锁/死锁/GIL锁
2019/07/21 Python
在keras中model.fit_generator()和model.fit()的区别说明
2020/06/17 Python
HTML5添加禁止缩放功能
2017/11/03 HTML / CSS
制药工程专业毕业生推荐信
2013/12/24 职场文书
运动会邀请函范文
2014/02/06 职场文书
趣味体育活动方案
2014/02/08 职场文书
会计专业自荐书
2014/07/08 职场文书
2015年南京大屠杀纪念日活动总结
2015/03/24 职场文书
田径运动会广播稿
2015/08/19 职场文书
护士自荐信范文(2016推荐篇)
2016/01/28 职场文书
2019让人心动的商业计划书
2019/06/27 职场文书
在 SQL 语句中处理 NULL 值的方法
2021/06/07 SQL Server