我正在尝试将一些文本(div)附加到可滚动的 div,然后自动滚动底部。
出于某种原因,当我尝试在 IE8 中执行此操作时,它不起作用。取消注释 'alert' 行表明 IE8 返回 ScrollHeight 属性的两个值。
Jquery 追加是异步运行还是 DOM 需要时间来刷新?
处理这个问题的正确方法是什么?
有问题的HTML页面:
款式:
.scrollbox
{
border-style: solid;
overflow-y: scroll;
padding: 5px;
margin: 20px;
border-color: #C0C0C0;
height: 400px;
width: 500px;
font-family: "Times New Roman", Times, serif;
font-size: 20px;
color: #333333;
}
jQuery脚本:
$(document).ready(function() {
var node = $("#list");
for (i = 1; i <= 100; i++) {
node.append("<div>Item :" + i + "</div>");
}
//alert(node.attr("scrollHeight"));
//alert(node.attr("scrollHeight"));
node.animate({ scrollTop: node.attr("scrollHeight") }, 500);
});
身体:
<div id="list" class="scrollbox"></div>