javascript - ScrollHeight 未使用 JQuery 在 IE8 中更新

Question

我试图将一些文本(div) append 到可滚动的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>

Answer 1

您是否尝试过使用node.outerHeight()而不是获取scrollHeight的值？