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

Question

我有一个table的内部div具有以下样式:

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

一旦将足够的数据添加到表中,这将显示垂直滚动条.但是,当添加新数据时,我希望div元素自动滚动到底部.

我可以使用哪些JavaScript代码？如果有必要,我愿意接受JQuery中的选项,但更喜欢JavaScript解决方案.

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;