设置元素的 ScrollTop 的跨浏览器方法？答案

【问题标题】：Cross-Browser method for setting ScrollTop of an element?设置元素的 ScrollTop 的跨浏览器方法？
【发布时间】：2011-06-13 16:05:54
【问题描述】：

例如，我有一个 div 标签，滚动条位于 div 标签的右侧。
我想用最后一行显示 div，所以我有这个：

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

我可以让它在 Firefox 中滚动到最后，但对于更大数字的 IE 事件永远不会成功！
有没有简单的跨浏览器脚本（不是 JQuery 或任何大框架！）

【问题讨论】：

【解决方案1】：

scrollTop works in all major browsers.

滚动到元素底部：

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

【讨论】：

【解决方案2】：

确保设置了 overflow 属性：

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

【讨论】：

【解决方案3】：

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

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

【讨论】：