JQueryを使用してIE8でScrollHeightが更新されない

Question

スクロール可能なdivにテキスト（div）を追加しようとしていて、自動的にその下をスクロールしようとしています。

IE8でこれを実行しようとすると何らかの理由で機能しません。 'alert'行のコメントを外すと、IE8はScrollHeight属性の2つの値を返します。

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

はあなたのgettinの代わりにnode.outerHeight()を使用してみましたがscrollHeightの値は？

Answer 2

jQueryのinnerHeight（）値を使用してみてください。値が 'px'である必要があります。

node.animate({ scrollTop: node.innerHeight() + 'px' }, 500); 

Answer 3

私もこの問題を抱えています。私はIE8の不具合のようです（互換モードは同じ動作をしません）。私の場合は、値を一度読み込んで「プライム」し、その結果を無視するだけです。その後の読み込みは正しいです。理想的ではないが、うまくいくようだ。