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模拟面向对象全解(一、类型及传递)
Jul 13 Javascript
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
Feb 27 Javascript
鼠标移动到图片名上,显示图片的简单实例
Jul 14 Javascript
jquery教程限制文本框只能输入数字和小数点示例分享
Jan 13 Javascript
javascript中style.left和offsetLeft的用法说明
Mar 07 Javascript
Javascript中的call()方法介绍
Mar 15 Javascript
PageSwitch插件实现100种不同图片切换效果
Jul 28 Javascript
jQuery实现点击任意位置弹出层外关闭弹出层效果
Oct 19 Javascript
Bootstrap简单表单显示学习笔记
Nov 15 Javascript
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
Jan 29 Javascript
jQuery中 bind的用法简单介绍
Feb 13 Javascript
JSON stringify方法原理及实例解析
Oct 23 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 url地址栏传中文乱码解决方法集合
2010/06/25 PHP
使用php+Ajax实现唯一校验实现代码[简单应用]
2011/11/29 PHP
PHP导入导出Excel代码
2015/07/07 PHP
php数据访问之查询关键字
2016/05/09 PHP
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
js常用函数 不错
2006/09/08 Javascript
jquery插件制作 手风琴Panel效果实现
2012/08/17 Javascript
eval的两组性能测试数据
2012/08/17 Javascript
在javascript中关于节点内容加强
2013/04/11 Javascript
JavaScript不使用prototype和new实现继承机制
2014/12/29 Javascript
html的DOM中Event对象onabort事件用法实例
2015/01/21 Javascript
jQuery和AngularJS的区别浅析
2015/01/29 Javascript
实例讲解使用原生JavaScript处理AJAX请求的方法
2016/05/10 Javascript
JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解
2016/06/14 Javascript
浅谈jquery设置和获得checkbox选中的问题
2016/08/19 Javascript
解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
2017/06/05 Javascript
jQuery中.attr()和.data()的区别分析
2017/09/03 jQuery
Node.js使用MySQL连接池的方法实例
2018/02/11 Javascript
vue iview实现动态新增和删除
2020/06/17 Javascript
[02:51]DOTA2英雄基础教程 风暴之灵
2013/12/23 DOTA
Python使用爬虫猜密码
2016/02/19 Python
Python爬虫_城市公交、地铁站点和线路数据采集实例
2018/01/10 Python
python使用RNN实现文本分类
2018/05/24 Python
Python PyQt5 Pycharm 环境搭建及配置详解(图文教程)
2019/07/16 Python
Java文件与类动手动脑实例详解
2019/11/10 Python
Python对wav文件的重采样实例
2020/02/25 Python
如何基于python实现年会抽奖工具
2020/10/20 Python
详解CSS中iconfont的使用
2015/08/04 HTML / CSS
EJB2和EJB3在架构上的不同点
2014/09/29 面试题
会计毕业自我鉴定
2014/02/05 职场文书
幼儿园毕业典礼主持词
2014/03/21 职场文书
开学寄语大全
2014/04/08 职场文书
设备技术员岗位职责
2015/04/11 职场文书
2015年计划生育协会工作总结
2015/05/13 职场文书
家庭经济困难证明
2015/06/23 职场文书
安全教育培训心得体会
2016/01/15 职场文书