divに要素を追加した後にscrollHeightを更新するにはどうすればよいですか？

Question

私はいくつかの画像を含むdivを持っています。オーバーフローは隠され、ゆっくりと下にスクロールします。スクロールバーが下に来ると、最初の要素をクローンして下に追加して、スクロールを続けます。

これまでのところ、scrollHeightプロパティが元の値であるため、スクロールを保持しない点を除いて、これまでのところこれまですべてを達成しました。 divのscrollHeight値を更新する方法はありますか？これまで

マイスクリプト：

$(document).ready(function() { 
$("#carousel").scrollTop(0); 
intervalID = setInterval("scrollCarousel()",50); 

carousel = document.getElementById("carousel"); 
}); 

function scrollCarousel() { 


if ($("#carousel").scrollTop() > $("#carousel:first").height() || 
     $("#carousel").scrollTop() + carousel.offsetHeight > 
     carousel.scrollHeight) { 

    elem = $("#carousel").children(':first-child').clone(); 
    console.debug(elem); 
    elem.appendTo($("#carousel")); 
    carousel.scrollHeight += elem.height; 
} 
else { 
    $("#carousel").scrollTop($("#carousel").scrollTop() + 1); 
} 
} 

Answer 1

あなたが行く：すべての

まずあなたがたsetIntervalに文字列を入れないでください。

http://jsfiddle.net/Paulpro/bPrY7/

あなたはいくつかミスをしていました。特に関数を呼び出すだけの場合。文字列はevalによって解析されるので、かなり遅いです。

第2に、要素を下部に追加するときに上部から要素を削除し、それに応じてスクロール位置を調整します。

また、既にDOM要素がある場合、$（ "＃carousel"）は$（カルーセル）よりもかなり遅いです。

Answer 2

ちょうどアイデア、あなたは静的カルーセルの終わりに最初の子を置くことができるならば、あなたはクローン、したがって、問題を回避することができます。

これが役に立ちます。よろしくです。 よろしくお願いします。ここで