我有一个table的内部div具有以下样式：
#data {
overflow-x:hidden;
overflow-y:visible;
height:500px;
}
一旦足够的数据添加到表格中，这将显示一个垂直滚动条。但是，当添加新数据时，我希望div元素自动滚动到底部。
我可以使用哪些 JavaScript 代码来做到这一点？如有必要，我对 JQuery 中的选项持开放态度，但更喜欢 JavaScript 解决方案。
添加数据时如何自动滚动到div的末尾？
IT技术
javascript
jquery
html
css
2021-01-15 06:40:25
2个回答
如果您不知道何时将数据添加到#data，您可以设置一个间隔，每隔几秒将元素的 scrollTop 更新为其 scrollHeight。如果您控制何时添加数据，只需在添加数据后调用以下函数的内部即可。
window.setInterval(function() {
var elem = document.getElementById('data');
elem.scrollTop = elem.scrollHeight;
}, 5000);
var objDiv = document.getElementById("divExample");
objDiv.scrollTop = objDiv.scrollHeight;