Css 当滚动条出现时，FireFox中的长页面会发生偏移

在Firefox和Safari中，当页面长度足以显示滚动条时，居中的页面会移动几个像素。如果你浏览一个有长页面和短页面的站点，该页面似乎在“跳跃”

IE7倾向于让滚动条始终可见，但在页面不够长时禁用滚动条。由于HTML窗口的宽度永远不会改变，因此页面的中心不会改变

是否有一种变通方法或方式来设计页面，使其不会在Firefox和Safari中跳转

---

谢谢。

您可以随时启用滚动条：

html{
 overflow: scroll;
}

但这也会给你水平滚动条，这是更好的：

html{
   overflow-y:scroll;
   overflow-x:auto;
}

---

这将在需要时只提供垂直滚动和水平滚动。

此站点包含一个javascript来解决此问题，这是一个比当前解决方案（永久滚动条）更好的解决方案：

---

该脚本等待DOM加载，然后检查滚动条是否处于活动状态。如果是，它会计算滚动条的宽度，并将主体的marginLeft设置为该宽度。这会抵消偏移，并且由于它在DOM加载上运行，因此会立即生效。

在IE8和Chrome12中，我也受此影响。但我不确定我是否喜欢永久滚动条解决方案。