如何在將元素附加到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

在這裏你去：

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

你有幾個錯誤：

首先你不應該放在setInterval的字符串。特別是當你只是調用一個函數。由於字符串被eval解析，所以它們很慢。

其次你想從頂部刪除元素，當你將它追加到底部，然後相應地調整滾動位置。

當你已經有DOM元素時，$（「＃carousel」）比$（carousel）慢很多。

Answer 2

只是一個想法，如果你能在傳送帶年底建成第一個孩子靜態，可以避開克隆，因此這個問題。

希望這會有所幫助。 此致敬禮。