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

Question

For example I have I a div tag with the scroll bar on the right of the div tag.
I want to show the div with the last line, so I have this:

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

I can make it scroll to the end in Firefox but never succcess with IE event with the bigger number!
Is there any simple Cross-borwser script (not JQuery or any big framework!)

Answer 1

scrollTop works in all major browsers.

To scroll to the bottom of the element:

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

clientHeight also works across browsers , and scrollHeight mostly works .

Answer 2

Make sure that overflow property is set:

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

Answer 3

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

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