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

Question

我爲我的HTML頁面使用藍圖CSS網格。我有一張我想要顯示/隱藏的表格 - 使用jQuery將其鏈接到按鈕。問題是，每次點擊按鈕顯示/隱藏表格時，頁面上的所有內容都會稍微左右移動。

這是常見問題嗎？有誰知道什麼可能導致這一點，我可以做些什麼來修復頁面的其他元素，使他們不移動？

Answer 1

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

如果不是最小的代碼片段可以幫助識別問題，但我懷疑它的滾動條的事情。我也有這個問題，直到我意識到發生了什麼事情。

Answer 2

更多的細節會更好。您的顯示/隱藏可能會在某處添加空格，這將解釋這種轉變。如果問題依然存在，您可以嘗試避免藍圖，並製作自己的自定義網格（如果不是太困難）。

Answer 3

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

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