如何使用jQuery将用户带到页面下方?

时间:2010-10-02 02:09:55

标签: jquery

当用户执行某个操作时,我想将它们带到页面的下方。有点像一个名字链接的工作原理。除了显然它需要在没有任何额外参数添加到URL或刷新页面的情况下发生。

那么jQuery的做法是什么:

<a href="#person">Click Me</a>

<a name='person'>Tommy</a>

修改

一个很好的向下滑动效果将用户带到页面上也很不错。

2 个答案:

答案 0 :(得分:2)

答案 1 :(得分:2)

查看jQuery的ScrollTo插件。它可以满足您的需求并支持动画。所以你可以这样做:

<a id="person">Tommy</a>

并使用这样的插件:

$.scrollTo($('#person'));

或者,如果你不想要任何花哨的东西,你可以自己做几行:

var offset = $('#person').offset();
window.scrollTo(offset.left, offset.top);