jQuery Animate Div 滚动回到顶部

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');