我正在为我的 HTML 页面使用 Blueprint CSS 网格。我有一个要显示/隐藏的表格 - 使用 jQuery 将其链接到一个按钮。问题是每次我点击按钮来显示/隐藏表格时,页面上的所有内容都会稍微左右移动。
这是个常见的问题吗?有谁知道是什么原因造成的,以及我可以做些什么来修复页面的其他元素,使它们不会移动?
我正在为我的 HTML 页面使用 Blueprint CSS 网格。我有一个要显示/隐藏的表格 - 使用 jQuery 将其链接到一个按钮。问题是每次我点击按钮来显示/隐藏表格时,页面上的所有内容都会稍微左右移动。
这是个常见的问题吗?有谁知道是什么原因造成的,以及我可以做些什么来修复页面的其他元素,使它们不会移动?
这可能只是因为浏览器上的滚动条出现和消失,修改了页面宽度并改变了中心位置。
如果不是最小的代码片段将有助于识别问题,但我怀疑它是滚动条的事情。我也遇到过这个问题,直到我意识到发生了什么。
多一点细节会很好。您的显示/隐藏可能在某处添加了一个空 div,这可以解释这种转变。如果问题仍然存在,您可以尝试避免使用蓝图并制作自己的自定义网格,如果这不是太困难的话。
正如cletus所说,这可能是滚动条问题。试试这个代码
html {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}