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

时间:2011-06-13 16:05:55

标签: javascript scrolltop

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

document.getElementById("divscroll").scrollTop = 250000;

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

3 个答案:

答案 0 :(得分:15)

scrollTop works in all major browsers.

滚动到元素的底部:

var div = document.getElementById('divscroll');
div.scrollTop = div.scrollHeight - div.clientHeight;

clientHeight also works across browsersscrollHeight mostly works

答案 1 :(得分:5)

确保设置溢出属性:

<div id="divscroll" style="height: 100px; width: 100px; overflow: scroll;">
 //// something something 
</div>

答案 2 :(得分:1)

尝试将滚动位置设置为实际数字,而不仅仅是任意大数字:

document.getElementById("divscroll").scrollTop = document.getElementById("divscroll").scrollHeight;