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

Question

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

这是一个常见问题吗？有谁知道是什么原因造成的，以及我可以做些什么来修复页面的其他元素，使它们不会移动？

Answer 1

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

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

Answer 2

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

Answer 3

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

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