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

16 浏览
0 Comments

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

此问题已经有答案了:

如何滚动到div的底部？

我在一个带以下样式的

中放置了一个表格：

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

一旦表格中添加了足够的数据，就会显示一个垂直滚动条。但是，当添加新数据时，我希望

元素自动滚动到底部。

我应该使用哪种JavaScript代码实现呢？如果需要，我可以接受JQuery的选项，但我更喜欢JavaScript解决方案。

admin 更改状态以发布 2023年5月21日
0

2 答案

0 Comments 
var objDiv = document.getElementById("divExample");
objDiv.scrollTop = objDiv.scrollHeight;

这是一个带有加粗文本的段落。

0
0 Comments

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

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

0