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

StackOverflow https://stackoverflow.com/questions/1203503

  •  05-07-2019
  •  | 
  •  

Вопрос

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

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

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

Это было полезно?

Решение

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

body {height:101%}

Другие советы

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

body {

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

}

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

<Ч>

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

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

html { overflow-y: scroll; } 

body {
   overflow: scroll;
}

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

Мне кажется, это отлично работает ... 

html {
    overflow-y: scroll;
}

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

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

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

<div id="force_scroll"></div>
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top