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

2022-08-30 05:02:47

我有一个具有以下风格的内部:tablediv

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

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

我可以使用哪些JavaScript代码来做到这一点?如有必要,我对JQuery中的选项持开放态度,但更喜欢JavaScript解决方案。


答案 1

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

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

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