小编典典

添加数据后如何自动滚动到div末尾?

html

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

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

一旦向表中添加了足够的数据,这将显示一个垂直滚动条。但是,添加新数据后,我希望该div元素自动滚动到底部。

我可以使用哪些JavaScript代码执行此操作?我愿意在必要时使用JQuery中的选项,但希望使用JavaScript解决方案。


阅读 470

收藏
2020-05-10

共1个答案

小编典典

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

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