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

javascript jquery html css

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;