jquery如何实现锚点链接之间的平滑滚动
更新时间：2013年12月02日 17:38:52 作者：
实现锚点链接之间的平滑滚动的方法有很多，在接下来的文章中为大家介绍下，jquery是如何实现的，感兴趣的朋友不要错过
复制代码 代码如下:
$('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;
}
}
});
相关文章
这篇文章主要介绍了jQuery实现字符串全部替换的方法,结合实例形式对比分析了使用Replace进行替换的方法及使用正则进行全部替换的相关操作技巧,需要的朋友可以参考下2016-12-12
第一次做的插件，我这个插件好像使用有些另类，是调用数据展示容器的元素$(#DataContent).AmSetPager({...});在参数中配置分页容器元素ID。写完插件后看别的插件都是调用分页元素ID2013-04-04
一个很有意思的网站，那个网站是一家德国汽水公司的网站（德文神马的），网站首页有一个汽水瓶，汽水瓶里的水会随着我们向下拉滚动条而减少。2011-09-09
这篇文章主要介绍了Jquery中find与each方法用法,实例分析了find与each方法的功能、定义与使用技巧,需要的朋友可以参考下2015-02-02
ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)
ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消) ，需要的朋友可以参考下。2012-01-01
将JQuery1.2.6升级到JQuery1.4，有几天下班没有关闭ajax轮询网页，第二天早上来，内存耗尽，发现此内存泄漏在IE6上不存在(IE7未测试),IE8上存在2010-10-10
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
使用jquery的scrollTop方法监视页面垂直滚动像素，并根据像素隐藏或者显示顶部的导航条，具体实现代码如下，感兴趣的朋友可以参考下哈2013-05-05
jQuery除了包含原生JS中的内置数据类型(built-in datatype)，还包括一些扩展的数据类型(virtual types)，如Selectors、Events等，通过本文给大家分享14个jquery数据类型，感兴趣的朋友一起学习吧2016-01-01
这篇文章主要介绍了jQuery简单实现上下,左右滑动的方法,涉及jQuery动态操作页面元素的相关技巧,需要的朋友可以参考下2016-06-06
用 jQuery 绑定和解绑事件监听器都是非常简单的，怎样精确地解绑其中一个监听器？我们需要了解一下事件的命名空间，感兴趣的朋友不要错过2013-11-11
最新评论