HTML，CSS，Javascript - 隐藏/显示元素

Question

我为我的HTML页面使用蓝图CSS网格。我有一张我想要显示/隐藏的表格 - 使用jQuery将其链接到按钮。问题是，每次点击按钮显示/隐藏表格时，页面上的所有内容都会稍微左右移动。

这是常见问题吗？有谁知道什么可能导致这一点，我可以做些什么来修复页面的其他元素，使他们不移动？

Answer 1

这可能只是因为浏览器上的滚动条出现并消失，修改了页面宽度并更改了中心位置。

如果不是最小的代码片段可以帮助识别问题，但我怀疑它的滚动条的事情。我也有这个问题，直到我意识到发生了什么事情。

Answer 2

更多的细节会更好。您的显示/隐藏可能会在某处添加空格，这将解释这种转变。如果问题依然存在，您可以尝试避免蓝图，并制作自己的自定义网格（如果不是太困难）。

Answer 3

正如cletus所说，这可能是一个滚动条问题。试试这个代码

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