当您在我的网站上转到有额外内容的页面时,滚动条会出现在右侧,但是我的内容会向左移动。你注意到这一点,点击主页,然后在我的网站(www.ipalaces.org)上再次托管和返回
如何在我的网页上说明浏览器滚动条? 我可以制作它,以便滚动条始终可见至少吗?
我的网站是www.ipalaces.org,请告诉我。
答案 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;
}