我的table内部div具有以下样式:
table
div
#data { overflow-x:hidden; overflow-y:visible; height:500px; }
一旦向表中添加了足够的数据,这将显示一个垂直滚动条。但是,添加新数据后,我希望该div元素自动滚动到底部。
我可以使用哪些JavaScript代码执行此操作?我愿意在必要时使用JQuery中的选项,但希望使用JavaScript解决方案。
如果您不知道何时将数据添加到#data,则可以设置一个间隔,每隔几秒钟将元素的scrollTop更新为其scrollHeight。如果要控制何时添加数据,则只需在添加数据后调用以下函数的内部即可。
#data
window.setInterval(function() { var elem = document.getElementById('data'); elem.scrollTop = elem.scrollHeight; }, 5000);