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