2011-04-10 26 views
0

我想有地方,而不是它的工作像常规的HTML版本的名称链接类型的效果:如何做一个名称链接的jQuery版本?

<a href="#take-me-down">Take me down the page</a> 

<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 
<br /> 

<a name="take-me-down">Hi there</a> 

这反而有效果不错的“页面向下到部分幻灯片”。有点像那些“回到顶部”的链接,有些网站的页脚在点击时将用户顺利地滑动到页面的顶部。

这怎么能用jQuery来完成?

+2

您搜索与已你喜欢的搜索引擎?我发现这个:https://encrypted.google.com/search?q = jquery + smoth + scroll – 2011-04-10 00:16:36

+0

+1;)只需使用第一个Google结果中的代码,因为它适用于任意数量的锚。 – Blender 2011-04-10 00:20:50

回答

2

在堆栈溢出时,我们使用jQuery ScrollTo plugin。 (它包含在我们的user-page.js的顶部)。

在你的榜样,你可以做

$('#take-me-down').click(function() { 
    $.scrollTo($('a[name="take-me-down"]'), 400); 
    return false; 
});