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版代码高亮
Jun 26 Javascript
JavaScript delete操作符应用实例
Jan 13 Javascript
Json字符串转换为JS对象的高效方法实例
May 01 Javascript
JavaScript+CSS无限极分类效果完整实现方法
Dec 22 Javascript
原生JS封装Ajax插件(同域、jsonp跨域)
May 03 Javascript
浅谈JavaScript中数组的增删改查
Jun 20 Javascript
JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
Nov 01 Javascript
JavaScript数组操作详解
Feb 04 Javascript
jQuery元素选择器实例代码
Feb 06 Javascript
vue中axios实现数据交互与跨域问题
May 12 Javascript
JS运算符简单用法示例
Jan 19 Javascript
vue实现下载文件流完整前后端代码
Nov 17 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 引用是个坏习惯
2010/03/12 PHP
基于PHP的cURL快速入门教程 (小偷采集程序)
2011/06/02 PHP
php错误提示failed to open stream: HTTP request failed!的完美解决方法
2011/06/06 PHP
解析php常用image图像函数集
2013/06/24 PHP
php判断当前用户已在别处登录的方法
2015/01/06 PHP
thinkPHP学习笔记之安装配置篇
2015/03/05 PHP
PHP中session跨子域的三种实现方法
2016/07/25 PHP
JavaScript语句可以不以;结尾的烦恼
2007/03/08 Javascript
js常见表单应用技巧
2008/01/09 Javascript
动态添加js事件实现代码
2009/03/12 Javascript
javascript中方便增删改cookie的一个类
2012/10/11 Javascript
Web开发必知Javascript技巧大全
2016/02/23 Javascript
jQuery实现贪吃蛇小游戏(附源码下载)
2017/03/04 Javascript
React+react-dropzone+node.js实现图片上传的示例代码
2017/08/23 Javascript
Three.js中网格对象MESH的属性与方法详解
2017/09/27 Javascript
three.js实现3D模型展示的示例代码
2017/12/31 Javascript
vue的toast弹窗组件实例详解
2018/05/14 Javascript
浅析前端路由简介以及vue-router实现原理
2018/06/01 Javascript
微信小程序使用map组件实现解析经纬度功能示例
2019/01/22 Javascript
JavaScript通如何过RGraph实现动态仪表盘
2020/10/15 Javascript
Python中zip()函数用法实例教程
2014/07/31 Python
Python爬虫实例扒取2345天气预报
2018/03/04 Python
在Python中合并字典模块ChainMap的隐藏坑【推荐】
2019/06/27 Python
python遍历文件目录、批量处理同类文件
2019/08/31 Python
DjangoWeb使用Datatable进行后端分页的实现
2020/05/18 Python
HTML5新控件之日期和时间选择输入的实现代码
2018/09/13 HTML / CSS
详解前端HTML5几种存储方式的总结
2016/12/27 HTML / CSS
初中生学习的自我评价
2013/11/14 职场文书
施工资料员岗位职责
2014/01/06 职场文书
求职信范文怎么写
2014/01/29 职场文书
会展策划与管理专业大学生职业生涯规划
2014/02/07 职场文书
2014春晚主持词
2014/03/25 职场文书
结婚保证书(卖身契)
2015/02/26 职场文书
离婚上诉状范文
2015/05/23 职场文书
PostgreSQL存储过程实用脚本(二):创建函数入门
2021/04/05 PostgreSQL
MySQL锁机制
2021/04/05 MySQL