處理隨標籤頁更改而變化的DIV的高度

Question

我有一個帶有頂部div的標籤設置，其中有四個子div - 並且通過將顯示的新div從無顯示改爲顯示，使用jquery顯示/隱藏內容：塊和舊的div顯示：無。我覺得這種方法令人不滿意，因爲有時新的div變得可見的高度比舊的小，如果你向下滾動，頁面「跳轉」到頁面的新底部。

什麼是最好的方式來改變這種行爲，以便不發生跳躍 - 例如， div高度是否保持不變？

Answer 1

新內容加載後，設置新的滾動條位置。

//Permits to reset the scrollbar to the top 
$('#content-div').scrollTop(0); 

//Permits to reset the scrollbar to the bottom 
$('#content-div').scrollTop($('#content-div').height()); 

您還可以存儲當前位置並在內容加載後應用。

我不知道如何加載新內容。我假設你正在使用JQuery load功能：

$('#content-div').load('new.php',function(){ 
    $(this).scrollTop(0); 
});