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

我有一个 table内的 div具有以下风格:

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

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

我可以使用哪些 JavaScript 代码来完成这项工作？如果有必要，我愿意使用 JQuery 中的选项，但是我更喜欢 JavaScript 解决方案。

347146 次浏览

小开

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

小开

最佳答案

如果不知道数据何时添加到 #data，可以设置一个间隔，每隔几秒钟将元素的 scrollTop 更新为其 scrollHeight。如果要控制何时添加数据，只需在添加数据后调用下列函数的内部。

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