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 相关文章推荐
可以文本显示的公告栏的js代码
Mar 11 Javascript
JS提交并解析后台返回的XML的代码
Nov 03 Javascript
JavaScript 比较时间大小的代码
Apr 24 Javascript
jquery fancybox ie6不显示关闭按钮的解决办法
Dec 25 Javascript
红米手机抢购的js代码
Mar 10 Javascript
在javascript中使用com组件的简单实现方法
Aug 17 Javascript
jQuery之动画效果大全
Nov 09 Javascript
JavaScript函数节流和函数防抖之间的区别
Feb 15 Javascript
jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】
Apr 28 jQuery
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
Sep 18 Javascript
从零开始搭建vue移动端项目到上线的步骤
Oct 15 Javascript
javaScript代码飘红报错看不懂?读完这篇文章再试试
Aug 19 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实现异步操作的研究
2013/02/03 PHP
PHP Class&Object -- PHP 自排序二叉树的深入解析
2013/06/25 PHP
PHP中iconv函数转码时截断字符问题的解决方法
2015/01/21 PHP
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
2008/03/22 Javascript
Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]
2008/09/26 Javascript
javascript html 静态页面传参数
2009/04/10 Javascript
Javascript操作URL函数修改版
2013/11/07 Javascript
javascript 上下banner替换具体实现
2013/11/14 Javascript
javascript 数字格式化输出的实现代码
2013/12/10 Javascript
JavaScript实现的使用键盘控制人物走动实例
2014/08/27 Javascript
js单独获取一个checkbox看其是否被选中
2014/09/22 Javascript
基于BootStrap Metronic开发框架经验小结【七】数据的导入、导出及附件的查看处理
2016/05/12 Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
2016/09/04 Javascript
ES6中参数的默认值语法介绍
2017/05/03 Javascript
微信小程序rich-text富文本用法实例分析
2019/05/20 Javascript
js实现简易计算器功能
2019/10/18 Javascript
Vue.js 无限滚动列表性能优化方案
2019/12/02 Javascript
深入webpack打包原理及loader和plugin的实现
2020/05/06 Javascript
[01:20]2018DOTA2亚洲邀请赛总决赛战队LGD晋级之路
2018/04/07 DOTA
python中as用法实例分析
2015/04/30 Python
python中正则表达式的使用方法
2018/02/25 Python
python发送告警邮件脚本
2018/09/17 Python
使用django的ORM框架按月统计近一年内的数据方法
2019/07/18 Python
django实现HttpResponse返回json数据为中文
2020/03/27 Python
Selenium python时间控件输入问题解决方案
2020/07/22 Python
HTML5实现无刷新修改URL的方法
2019/11/14 HTML / CSS
canvas 基础之图像处理的使用
2020/04/10 HTML / CSS
美国在线购买空气净化器、除湿器、加湿器网站:AllergyBuyersClub
2021/03/16 全球购物
销售人员获奖感言
2014/02/05 职场文书
党员个人对照检查材料思想汇报
2014/09/16 职场文书
迎新年主持词
2015/07/06 职场文书
优质服务标语口号
2015/12/26 职场文书
《狼牙山五壮士》教学反思
2016/02/17 职场文书
闭幕词的写作格式与范文!
2019/06/24 职场文书
提高系统的吞吐量解决数据库重复写入问题
2022/04/23 MySQL
Linux中一对多配置日志服务器的详细步骤
2022/07/23 Servers