jQuery动画Div滚动回顶部

我有一个div，其内容如下：

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

这里有很多内容。废话废话。。。

div

的样式属性为

overflow:auto
由于div中的内容可以允许进行深度滚动，是否存在这样的情况，单击按钮会将滚动条移回div顶部？
是。使用

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

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

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

您还可以设置滚动返回顶部的动画，如下所示：

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

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

在处理y溢出和/或x溢出时使用

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

这不需要jQuery（甚至JavaScript）

定义定位点名称：

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

​
杀伤力过大！！！
使用scrollTop或jquery来解决这个问题。。。因为这样简单的任务可能不可取。改为使用锚定：

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



或者你还有什么想做/实现的吗？
+1提醒大家jQuery（甚至是js）是不必要的。如果您决定要设置滚动动画，则必须进行一些更改，但我认为重要的是要提醒人们，jQuery不需要对每个问题都做出下意识的反应。+1尽管您给出了误导性的标题“animate Div Scroll”answer@SanBluecat你确定标题有误导性吗？默认情况下，我会假设标题是正确的，并且OP希望知道如何使用动画滚动。问题中似乎没有什么与此相矛盾。建议其他Firefox用户，在测试新代码时，在新选项卡中打开页面。我的Firefox版本似乎缓存了旧的滚动位置，只有在新选项卡中打开页面，新代码才能生效。（适用于Ubuntu的FF 57.0.4（64位）