浏览器滚动条移位

时间:2009-07-29 22:42:11

标签: html css scrollbar css3

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

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

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

6 个答案:

答案 0 :(得分:11)

嗯,这取决于浏览器。

body {

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

}

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


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

答案 1 :(得分:7)

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

html { overflow-y: scroll; } 

答案 2 :(得分:3)

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

body {height:101%}

答案 3 :(得分:1)

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

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

然后在你的HTML某处(最好是在</body>之前):

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

答案 4 :(得分:1)

body {
   overflow: scroll;
}

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

答案 5 :(得分:1)

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

html {
    overflow-y: scroll;
}