16

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

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

我可以让它在 Firefox 中滚动到最后,但在 IE 事件中使用更大的数字永远不会成功!
是否有任何简单的跨浏览器脚本(不是 JQuery 或任何大框架!)

4

3 回答 3

16

scrollTop适用于所有主要浏览器。

滚动到元素的底部:

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

clientHeight也可以跨浏览器工作,而且scrollHeight 大部分都可以工作

于 2011-06-13T16:09:08.943 回答
5

确保设置了溢出属性:

<div id="divscroll" style="height: 100px; width: 100px; overflow: scroll;">
 //// something something 
</div>
于 2011-06-13T16:12:16.030 回答
1

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

document.getElementById("divscroll").scrollTop = document.getElementById("divscroll").scrollHeight; 
于 2011-06-13T16:08:33.110 回答