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 获取LI里的内容
Dec 17 Javascript
JSON 编辑器实现代码
Dec 06 Javascript
php对mongodb的扩展(初识如故)
Nov 11 Javascript
javascript与有限状态机详解
May 08 Javascript
javascript实现简单加载随机色方块
Dec 25 Javascript
javascript 分号总结及详细介绍
Sep 24 Javascript
jQuery实现最简单实用的分秒倒计时
Feb 05 Javascript
图文讲解vue的v-if使用方法
Feb 11 Javascript
基于vue通用表单解决方案的思考与分析
Mar 16 Javascript
微信小程序实现跳转的几种方式总结(推荐)
Apr 24 Javascript
微信小程序如何访问公众号文章
Jul 08 Javascript
vue之debounce属性被移除及处理详解
Nov 13 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
Protoss兵种介绍
2020/03/14 星际争霸
PHP生成UTF8文件的方法
2010/05/15 PHP
php printf输出格式使用说明
2010/12/05 PHP
url decode problem 解决方法
2011/12/26 PHP
PHP5.5在windows安装使用memcached服务端的方法
2014/04/16 PHP
php使用COPY函数更新配置文件的方法
2015/06/18 PHP
图像替换新技术 状态域方法
2010/01/28 Javascript
jQuery UI AutoComplete 自动完成使用小记
2010/08/21 Javascript
javascript 学习笔记(onchange等)
2010/11/14 Javascript
jQuery帮助之筛选查找 children([expr])
2011/01/31 Javascript
Jquery跳到页面指定位置的方法
2014/05/12 Javascript
基于jQuery创建鼠标悬停效果的方法
2015/03/07 Javascript
js实现简洁大方的二级下拉菜单效果代码
2015/09/01 Javascript
如何解决ligerUI布局时Center中的Tab高度大小
2015/11/24 Javascript
jQuery学习笔记之Ajax用法实例详解
2015/12/01 Javascript
Angular学习笔记之angular的$filter服务浅析
2016/11/12 Javascript
详解Vue2 无限级分类(添加,删除,修改)
2017/03/07 Javascript
Vue.directive 实现元素scroll逻辑复用
2019/11/29 Javascript
Python标准异常和异常处理详解
2015/02/02 Python
Python应用03 使用PyQT制作视频播放器实例
2016/12/07 Python
Python使用PyCrypto实现AES加密功能示例
2017/05/22 Python
Python解决八皇后问题示例
2018/04/22 Python
值得收藏的10道python 面试题
2019/04/15 Python
Python使用grequests(gevent+requests)并发发送请求过程解析
2019/09/25 Python
python3将变量写入SQL语句的实现方式
2020/03/02 Python
Python实现删除某列中含有空值的行的示例代码
2020/07/20 Python
实习鉴定评语
2014/01/19 职场文书
社区敬老月活动实施方案
2014/02/17 职场文书
公司股权转让协议书
2014/04/12 职场文书
铁路安全事故反思
2014/04/26 职场文书
学校文明单位申报材料
2014/05/06 职场文书
普通党员群众路线教育实践活动心得体会
2014/11/04 职场文书
2015年科协工作总结
2015/05/19 职场文书
战马观后感
2015/06/08 职场文书
驾驶员管理制度范本
2015/08/06 职场文书
CPU不支持Windows11系统怎么办
2021/11/21 数码科技