jquery - jQuery Animate Div 滚动回到顶部

Question

我有一个包含以下内容的 div：

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

有div一个 style 属性，overflow:auto;所以如果任何内容溢出，就会出现一个滚动条。我在内容末尾的 div 中有一个按钮。

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

score 50 · Accepted Answer

是的。使用滚动顶部

只需提供您的元素和 0 值，如下所示：

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

您还可以像这样为滚动返回顶部设置动画：

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

score 5 · Accepted Answer

为此，您不需要 jQuery（甚至 JavaScript）。

演示

定义锚名称：

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

并在底部创建指向此锚点的链接：

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

score 1 · Accepted Answer

如果您正在处理 y 溢出和/或ScrollLeft处理 x 溢出，请使用ScrollTop。

$('#yourbuttonid').click(function() {
    $('#First').scrollTop(0);//for vertical scroll
    $('#First').scrollLeft(0);//for horizontal scroll
});

score 1 · Accepted Answer

1

$('#scrollToTopButton').click(function(){
    $('#First').scrollTop(0);
});

于 2012-05-21T17:18:11.820 回答

score 0 · Accepted Answer

杀戮！就此而言，使用 scrollTop 或 jquery ......对于这样一个简单的任务可能是不可取的。改用锚点：

<a name="pageTop"></a>
....
<a href="#pageTop">TOP</a>

或者还有什么你想做/实现的？