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

一尘不染

html

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

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

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

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

阅读 423

2020-05-10

共1个答案

一尘不染

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

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

2020-05-10