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

时间:2009-06-18 13:25:32

标签: jquery html formatting blueprint-css

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

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

3 个答案:

答案 0 :(得分:2)

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

如果没有最小的代码片段可以帮助识别问题,但我怀疑它是滚动条的东西。我也遇到过这个问题,直到我意识到发生了什么。

答案 1 :(得分:0)

更多细节会很好。您的show / hide可能会在某处添加一个空div,这可以解释这种转变。如果问题仍然存在,您可以尝试避免蓝图并制作自己的自定义网格,如果这不太困难。

答案 2 :(得分:0)

正如克莱图斯所说,这可能是一个滚动条问题。试试这段代码

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