添加数据时如何自动滚动到div的末尾？ [复制]

Question

我在div 内有一个table，其样式如下：

#data {
    overflow-x:hidden;
    overflow-y:visible;
    height:500px;
}

一旦将足够多的数据添加到表中，就会显示一个垂直滚动条。但是，当添加新数据时，我希望 div 元素自动滚动到底部。

我可以使用哪些 JavaScript 代码来执行此操作？如有必要，我对 JQuery 中的选项持开放态度，但更喜欢 JavaScript 解决方案。

Answer 1

var objDiv = document.getElementById("divExample");
objDiv.scrollTop = objDiv.scrollHeight;

Answer 2

如果您不知道何时将数据添加到#data，您可以设置一个间隔，每隔几秒将元素的 scrollTop 更新到它的 scrollHeight。如果是控制什么时候添加数据，只要在添加数据后调用下面函数的内部即可。

window.setInterval(function() {
  var elem = document.getElementById('data');
  elem.scrollTop = elem.scrollHeight;
}, 5000);