浏览器滚动条移位

Par*_*roX 8 html css scrollbar css3

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

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

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

Dav*_*mas 11

嗯,这取决于浏览器.

body {

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

}
Run Code Online (Sandbox Code Playgroud)

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


编辑关于@ wsanville的,和@ BHare的,评论.


wsa*_*lle 7

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

html { overflow-y: scroll; } 
Run Code Online (Sandbox Code Playgroud)


JP *_*shy 2

让你的身体高度为 101%...这将强制滚动条始终显示。

body {height:101%}
Run Code Online (Sandbox Code Playgroud)