css - 出现滚动条时 FireFox 中的长页面偏移

Question

在 Firefox 和 Safari 中，当页面足够长以显示滚动条时，居中的页面会移动几个像素。如果您浏览一个包含长页面和短页面的网站，页面似乎会“跳来跳去”。

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

是否有解决方法或方法来设置页面样式，使其不会在 Firefox 和 Safari 中跳来跳去？

谢谢。

Answer 1

您可以简单地始终启用滚动条:

html{
 overflow: scroll;
}

但这也会给你水平滚动条，这样更好:

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

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