javascript - jQuery 只向下滚动 DIV 中的元素

Question

我的网站有一个DIV，就是css

div{
max-height:400px;
overflow:auto;
}

我将创建一个按钮，仅将此 DIV 中的元素向下滚动到特定位置，而不是整个页面。我的意思是我想向下滚动 DIV。我知道如何为整个页面执行此操作，因为这是之前被问到的，但我不知道如何为 DIV 执行此操作。

Answer 1

在普通的 JavaScript 中，你可以简单地做:

document.getElementById('yourDiv').scrollTop = *position*;

position 是您要设置的滚动位置。

如果你想将 div 滚动到其中另一个元素的顶部，你可以使用例如:

document.getElementById('yourDiv').scrollTop = document.getElementById('scrollToElement').offsetTop;

如果你想使用 jQuery，你可以很好地为滚动设置动画:

$("yourDiv").animate({scrollTop:*position*}, '500', 'swing', function() { 
   // anything to do after scroll
});