如何在添加內容時使文檔自動滾動？

Question

我有一個網頁應用程序，有一個像facebook牆的內容。當你點擊一個按鈕時，它會在當前內容的末尾添加更多的內容，然後滾動到它。但目前如果我滾動任何數額，當我添加內容時，頁面突然滾動下來一個看似隨機的數額，而且我還沒有添加滾動代碼。爲什麼頁面自動滾動？如何讓它停止？

Answer 1

最簡單的方法來做到這一點，而無需深入瞭解你的代碼可能會抵消你添加的東西。因此，使用一些JS找出高度時，您將其添加新的內容將增加，然後，向下滾動這一數額

Answer 2

雖然我不知道是什麼原因，它的發生，我不知道你應該能使用CSS來避免滾動，同時向頁面添加內容。如果你設置了body溢出到隱藏在添加內容之前，然後將其設置回可見之後，您應該能夠防止發生任何滾動。

如果你使用jQuery，像這樣：

$(document.body).css('overflow','hidden'); 
// do your stuff here e.g. 
for(var i=0;i<1000;i++) { 
    $(document.body).append('<div>some content to append here</div>'); 
} 
$(document.body).css('overflow','visible'); 

注意：如果它是一個的附加的內容和他們正在使用JS滾動頁面第三方庫，這種解決方案可能無法正常工作。