HTML，CSS，Javascript-隱藏/顯示元素

Question

我正在HTML頁面上使用Blueprint CSS網格。 我有一個要顯示/隱藏的表-使用jQuery將其鏈接到按鈕。 問題是，每當我單擊按鈕以顯示/隱藏表格時，頁面上的所有內容都會稍微左右移動。

這是個常見的問題嗎？ 有誰知道這是什么原因造成的，我又該怎么做才能修復頁面的其他元素，使它們不會移動？

Answer 1

這可能僅僅是因為瀏覽器上的滾動條出現和消失，從而修改了頁面寬度並更改了中心位置。

如果不是最小的代碼段，將有助於識別問題，但我懷疑它是滾動條。 在我意識到發生了什么之前，我也遇到了這個問題。

Answer 2

多一點細節會很好。 您的顯示/隱藏可能在某處添加了一個空的div，這可以解釋這種轉變。 如果問題仍然存在，則可以嘗試避免使用藍圖，並制作自己的自定義網格，如果這不太困難的話。

Answer 3

正如cletus所說，這可能是滾動條問題。 試試這個代碼

html {
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
}