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

我有一个div内的table ，如下所示：

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

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

我可以使用哪些JavaScript代码来执行此操作？ 如果需要的话，我可以在JQuery中select，但是更喜欢JavaScript解决scheme。

Answer 1

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

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

Answer 2

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