Javascript 在可滚动的div中滚动到top

我在一个可滚动的div中有许多部分，我试图在单击时将该部分设置为顶部动画，第一次效果很好，但之后就不行了。这是我的尝试

$（'p'）。单击（函数（）{
$（'.test'）.animate（{scrollTop:$（this.offset（）.top}，800）；
});
.test{
溢出：自动；
最大高度：300px；
宽度：300px；
填充底部：400px；
}

第一节

第二节

第三节

第四节

第五节

第六节

第7节

第8节

第9节

第10节

第11节

第12节

第13节

第14节

第15节

您需要将
.test
的当前
滚动条（）位置添加到您的数学中


$（“.test”）。在（“单击”，“p”，函数（evt）{
var$test=$（evt.delegateTarget），//父元素“.test”
$p=$（this）；//单击的“p”元素
$test.stop（）.animate({
scrollTop:$p.offset（）.top+$test.scrollTop（）
}, 800);
});
body{margin:0；}
.test{溢出：自动；高度：200px；宽度：300px；}

第一节

第二节

第三节

第四节

第五节

第六节

第7节

第8节

第9节

第10节

第11节

第12节

第13节

第14节

第15节

谢谢@Roko C.Buljan:）那
填充底部：400px会阻止您的
滚动，您最好将其从代码段中删除。