浏览器滚动条移位

题

当您在我的网站上转到有额外内容的页面时，滚动条会出现在右侧，但是我的内容会向左移动。你注意到这一点，点击主页，然后在我的网站（www.ipalaces.org）上再次托管和返回

如何在我的网页上说明浏览器滚动条？我可以制作它，以便滚动条始终可见至少吗？

我的网站是 www.ipalaces.org ，请告诉我。

解决方案

让你的身体高101％......这将迫使滚动条始终显示。

body {height:101%}

其他提示

嗯，这取决于浏览器。

body {

overflow-y: scroll;
overflow-x: scroll;
overflow: -moz-scrollbars-vertical;

}

应强制显示水平（overflow-x）和垂直滚动条（overflow-y）。虽然我记得Opera有时候不尊重声明，除非它在<body>（div等）中的元素上。

编辑关于@ wsanville's和@ BHare's，发表评论。

我已经在IE6，IE7，IE8，Firefox 3和Chrome上测试了这个，并且让垂直滚动条始终可见的简单方法就是：

html { overflow-y: scroll; }

body {
   overflow: scroll;
}

即使是最新的Firefox（3.5）也遇到了同样的问题。溢出功能挽救了我的生命！

这对我来说似乎很有用......

html {
    overflow-y: scroll;
}

尝试一下......我知道它的丑陋但它可能是唯一的方法。

#force_scroll { 
    width: 1em; 
    position: absolute; 
    top: 0; 
    bottom: -0.1px; 
    z-index: -1; 
}

然后在你的HTML某处（最好是在</body>之前）：

<div id="force_scroll"></div>

许可以下： CC-BY-SA 和归因