方法原作者:http://www.learningjquery.com
//页内锚点滑动效果,来自http://www.learningjquery.com/的方法
$('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}, 1000);
//return false; //使其呈现清晰的URL链接
}
}
});
发现网上这段代码被各个站粘贴,以致我也不太清楚原作是谁了,我还是比较相信国外的那些大牛,不过这段代码确实值得转帖分享,在本小站再次分享。
我用的也是这招,不知道作者是哪位高人
哈哈,有些代码就是经典。
我也不知道是哪位高人。
貌似你的网站上没有用到此效果阿
是的,
我在别的地方用了,
嘿嘿。
想学习一下PHP,CSS什么的呢,可是看见这一堆代码…晕了![[困]](https://sobird.me/wp-content/themes/junior2011/smilies/Drowsy.png)
等不晕的时候就入门了,嘿嘿。
很多比较有用的代码都该收藏一下。虽然现在用不着,但是我相信今后会用到的。
这段代码确实不错,很多人都在用。
多谢楼主分享,这个在评论时很有用
不过在我博客里没有用这个功能,呵呵
找了好久才找到验证效果的地方
原来在footer!
我博客上没有使用,footer哪里
用的不是这种方法。
我用的是 scrollTo 插件.
这段代码写得确实好。