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

Question

我正在HTML页面上使用Blueprint CSS网格。 我有一个要显示/隐藏的表-使用jQuery将其链接到按钮。 问题是，每当我单击按钮以显示/隐藏表格时，页面上的所有内容都会稍微左右移动。

这是个常见的问题吗？ 有谁知道这是什么原因造成的，我又该怎么做才能修复页面的其他元素，使它们不会移动？

Answer 1

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

如果不是最小的代码段，将有助于识别问题，但我怀疑它是滚动条。 在我意识到发生了什么之前，我也遇到了这个问题。

Answer 2

多一点细节会很好。 您的显示/隐藏可能在某处添加了一个空的div，这可以解释这种转变。 如果问题仍然存在，则可以尝试避免使用蓝图，并制作自己的自定义网格，如果这不太困难的话。

Answer 3

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

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