如何在添加数据时自动滚动到div末尾？
如何在添加数据时自动滚动到div末尾？
提问于 2011-09-05 12:39:13
我在div中有一个table，它的样式如下：
#data {
overflow-x:hidden;
overflow-y:visible;
height:500px;
}一旦向表中添加了足够的数据，就会显示一个垂直滚动条。但是，当添加新数据时，我希望div元素自动滚动到底部。
我可以使用什么JavaScript代码来做到这一点？如果需要，我对JQuery中的选项持开放态度，但我更喜欢JavaScript解决方案。
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-09-05 12:46:00
如果您不知道何时将数据添加到#data，您可以设置一个间隔，每隔几秒钟将元素的scrollTop更新为其scrollHeight。如果您正在控制何时添加数据，则只需在添加数据后调用以下函数的内部。
window.setInterval(function() {
var elem = document.getElementById('data');
elem.scrollTop = elem.scrollHeight;
}, 5000);Stack Overflow用户
发布于 2011-09-05 12:44:11
var objDiv = document.getElementById("divExample");
objDiv.scrollTop = objDiv.scrollHeight;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7303948
复制相关文章
相似问题