浏览器滚动条移(Browser Scrollbar shift)

2019-06-27 04:11发布

当你去到网页上我的网站,在那里有多余的内容,滚动条出现在右边,但它有一个notiable向左移了我的内容。 您可以通过点击回家,然后在我的网站的托管并再次注意到这个(www.ipalaces.org)

我如何解释在我的网页浏览器的滚动条? 我可以把它这样滚动条总是可见ATLEAST?

我的网站是www.ipalaces.org ,请让我知道。

Answer 1:

让你的身体101%高大......这将迫使滚动条一直显示。

body {height:101%}


Answer 2:

嗯,这取决于浏览器。

body {

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

}

应强制水平( overflow-x )和垂直滚动条( overflow-y被显示。 虽然记得歌剧有时不能尊重声明,除非它是内的元件上<body> (div的等)。


对于@ wsanville的编辑和@ BHare的,评论。



Answer 3:

我测试过这对IE6,IE7,IE8,火狐3和Chrome,以及简单的办法有一个垂直滚动条总是可见很简单:

html { overflow-y: scroll; } 


Answer 4:

body {
   overflow: scroll;
}

我有同样的问题,即使是最新的Firefox(3.5)。 溢出功能救了我的命!



Answer 5:

这似乎为我工作的伟大...

html {
    overflow-y: scroll;
}


Answer 6:

试试这个...我知道它的丑陋,但它可能是唯一的出路。

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

然后在HTML某处(优选权之前,你的</body>

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


文章来源: Browser Scrollbar shift