用于设置元素的ScrollTop的跨浏览器方法?

nvc*_*nvn 15 javascript scrolltop

例如,我有一个带有div标签右侧滚动条的div标签.
我想用最后一行显示div,所以我有这个:

document.getElementById("divscroll").scrollTop = 250000;
Run Code Online (Sandbox Code Playgroud)

我可以让它滚动到Firefox的最后但是从未成功使用更大数量的IE事件!
有没有简单的Cross-borwser脚本(不是JQuery或任何大框架!)

Mat*_*all 15

scrollTop 适用于所有主流浏览器.

要滚动到元素的底部:

var div = document.getElementById('divscroll');
div.scrollTop = div.scrollHeight - div.clientHeight;
Run Code Online (Sandbox Code Playgroud)

clientHeight也适用于各种浏览器,scrollHeight 大多数都有效.


Dmi*_*mov 5

确保设置了overflow属性:

<div id="divscroll" style="height: 100px; width: 100px; overflow: scroll;">
 //// something something 
</div>
Run Code Online (Sandbox Code Playgroud)