滾動條不更新頁

Question

我在我的頁面上使用jQuery Masonry插件。我已經設置好它，這樣當單擊一個框時，會彈出一個對話框，其中包含框的內容。

我創建了演示here。

在顯示彈出窗口之前，頁面上有一個滾動條，因爲所有的框都不適合在那裏。當單擊其中一個框時，我將內容添加到彈出框中並顯示它。我隱藏所有其他框，但滾動條不更新以反映彈出窗口，即彈出窗口中的內容小於查看區域，但滾動條仍然留在框中。

如果你明白我的意思，你能幫我一把嗎？

謝謝。

Answer 1

砌體正在對包含#grid元素應用固定高度，這就是爲什麼即使所有內容都隱藏，滾動高度仍保持不變。如果將彈出式元素移到包含#grid元素的外部，並且在單擊時顯示/隱藏網格，則滾動高度將正確更新。

Updated fiddle

重要的位：

<div class="reader"> 
    <!-- content --> 
</div> 
<div id="grid"> 
    <!-- content --> 
</div> 

<script> 
    $('.box').click(function() { 
     $('.reader').show(); 
     $('#grid').hide(); 
    }); 

    $('.reader #close').click(function() { 
     $('.reader').hide(); 
     $('#grid').show(); 
    }); 
</script>