jQuery Animate Div Scroll回到顶部

Question

我有一个div有内容:

<div id="First">There are lots of content in here. Blah Blah Blah...</div>

该div具有的样式属性overflow:auto;,所以如果任何内容都溢出,滚动条就会出现.我在内容结尾处的div内有一个按钮.

由于div内的内容可以允许深度滚动,无论如何,单击按钮它会将滚动移回div的顶部？

Answer 1

是.使用scrollTop

只需提供您的元素和值0,如下所示:

$('#id').scrollTop(0);

您还可以将滚动动画回到顶部,如下所示:

$('#id').animate({
   scrollTop: 0
}, 'slow');

Answer 2

你不需要jQuery(甚至是JavaScript).

DEMO

定义锚名称:

<a name="top"></a>

并在底部创建一个指向此锚点的链接:

<a href="#top">back to top</a>?