Сдвиг полосы прокрутки браузера - PullRequest
Новая
       6

Сдвиг полосы прокрутки браузера

8 голосов
/ 30 июля 2009

Когда вы переходите на страницу моего сайта, где есть дополнительный контент, справа появляется полоса прокрутки, но она имеет заметный сдвиг влево для моего контента. Вы замечаете это, щелкнув дом, а затем разместив и вернувшись на мой сайт (www.ipalaces.org)

Как я могу учесть полосу прокрутки браузера на моих страницах? Можно ли сделать так, чтобы полоса прокрутки всегда была видна как минимум?

Мой веб-сайт www.ipalaces.org , пожалуйста, дайте мне знать.

Ответы [ 6 ]

11 голосов
/ 30 июля 2009

Ну, это зависит от браузера. 

body {

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

}

Должно принудительно отображаться горизонтальная (overflow-x) и вертикальная полосы прокрутки (overflow-y). Хотя я вспоминаю, что Opera иногда не соблюдает декларацию, если только она не находится в элементе внутри <body> (div и т. П.).

<ч />

Отредактировано в отношении комментариев @ wsanville и @ BHare's.

7 голосов
/ 09 сентября 2010

Я протестировал это на IE6, IE7, IE8, Firefox 3 и Chrome, и простой способ сделать вертикальную полосу прокрутки всегда видимой просто: 

html { overflow-y: scroll; }
3 голосов
/ 30 июля 2009

Рост вашего тела на 101% ... это заставит полосу прокрутки всегда появляться. 

body {height:101%}
1 голос
/ 02 сентября 2012

Мне кажется, это прекрасно работает ... 

html {
    overflow-y: scroll;
}
1 голос
/ 03 октября 2009 
body {
   overflow: scroll;
}

У меня была такая же проблема даже с самым новым Firefox (3.5). Функция переполнения спасла мне жизнь!

1 голос
/ 31 июля 2009

Дайте это попробовать ... Я знаю, это уродливо, но это может быть единственный путь. 

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

А потом где-нибудь в вашем HTML (желательно прямо перед </body>): 

<div id="force_scroll"></div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...