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 相关文章推荐
JQuery扩展插件Validate 1 基本使用方法并打包下载
Sep 05 Javascript
jQuery1.6 使用方法二
Nov 23 Javascript
jQuery实现数秒后自动提交form的方法
Mar 05 Javascript
js实现温度计时间样式代码分享
Aug 21 Javascript
JS基于面向对象实现的拖拽库实例
Sep 24 Javascript
详解浏览器渲染页面过程
Feb 09 Javascript
js防刷新的倒计时代码 js倒计时代码
Sep 06 Javascript
AngularJS中控制器函数的定义与使用方法示例
Oct 10 Javascript
垃圾回收器的相关知识点总结
May 13 Javascript
vue-cli项目中使用echarts图表实例
Oct 22 Javascript
基于JavaScript获取base64图片大小
Oct 18 Javascript
js事件机制----捕获与冒泡机制实例分析
May 22 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将csv文件导入到mysql数据库的方法
2014/12/24 PHP
使用javascript获取flash加载的百分比的实现代码
2011/05/25 Javascript
php图像生成函数之间的区别分析
2012/12/06 Javascript
jquery实现鼠标滑过显示二级下拉菜单效果
2015/08/24 Javascript
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
2016/09/02 Javascript
基于Javascript实现文件实时加载进度的方法
2016/10/12 Javascript
js实现彩色条纹滚动条效果
2017/03/15 Javascript
深入理解JavaScript继承的多种方式和优缺点
2017/05/12 Javascript
用户管理的设计_jquery的ajax实现二级联动效果
2017/07/13 jQuery
Javascript实现基本运算器
2017/07/15 Javascript
JavaScript中重名的函数与对象示例详析
2017/09/28 Javascript
讲解vue-router之命名路由和命名视图
2018/05/28 Javascript
深入浅析Vue全局组件与局部组件的区别
2018/06/15 Javascript
iview Upload组件多个文件上传的示例代码
2018/09/30 Javascript
vue中导出Excel表格的实现代码
2018/10/18 Javascript
vue2.0中set添加属性后视图不能更新的解决办法
2019/02/22 Javascript
[52:03]Secret vs VG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python中map、any、all函数用法分析
2015/04/21 Python
浅谈Python单向链表的实现
2015/12/24 Python
Python实现读取文件最后n行的方法
2017/02/23 Python
Python如何实现强制数据类型转换
2019/11/22 Python
解决python3插入mysql时内容带有引号的问题
2020/03/02 Python
Python 中由 yield 实现异步操作
2020/05/04 Python
Python如何实现线程间通信
2020/07/30 Python
Python操作PostgreSql数据库的方法(基本的增删改查)
2020/12/29 Python
爱尔兰电脑、家电和家具购物网站:Buy It Direct
2019/07/09 全球购物
The Hut英国:英国领先的豪华在线百货商店
2019/07/26 全球购物
英国最大的割草机购买网站:Just Lawnmowers
2019/11/02 全球购物
办公室副主任岗位职责
2013/11/25 职场文书
农场厂长岗位职责
2013/12/28 职场文书
办公室经理岗位职责
2014/01/01 职场文书
宗教学大学生职业生涯规划范文
2014/02/08 职场文书
理工类毕业自我鉴定
2014/02/20 职场文书
央视元宵晚会主持串词
2014/03/25 职场文书
个人课题方案
2014/05/08 职场文书
高中毕业典礼演讲稿
2014/09/09 职场文书