4

сабж. При появлении полосы сайт сдвигается влево на несколько пикселей. как убрать этот эффект? чтобы внезависимости от наличия/отсутствия полосы сайт был всегда на 1 месте.

2
  • я бы не запаривался по этой "проблеме"... :) Наполните сайт контентом и проблема уйдет ;)
    – thunder
    13 дек 2012 в 16:24
  • 1
    Повтор вопроса 79543
    – mantigatos
    13 дек 2012 в 20:02

5 ответов 5

4

сделай полосу прокрутки видимой всегда, подругому никак. либо наоборот ее убрать визуально.

читай про overflow

3
  • тогда как это сделал контакт?
    – Garfild
    13 дек 2012 в 19:34
  • А контакт все javascript'ом вычисляет и фиксирует.
    – ling
    14 дек 2012 в 8:45
  • да, тож мельком глянул -- там все на css и javascript управление отображением именно для сколлбаров сделано. посмотрите firebug'ом
    – thunder
    14 дек 2012 в 8:53
2

Чтобы ширина страницы не изменялась при появлении скролла можно воспользоваться динамическим паддингом:

body { padding: 0 calc(20px - (100vw - 100%)) 0 0; }
0
html {margin-right: calc(-1 * (100vw - 100%));}
-1

Только-что столкнулся с такой же проблемой. Контент после загрузки дергается влево из-за исчезновения справа полосы прокрутки. Решается проблема установкой свойства overfow-y: hidden для проблемного контейнера, что изначально не дает появляться этой полосе.

-2

Может так?

body {
    overflow: hidden;
}
3
  • Интересно)) а как прокручивать контент?
    – markuper
    13 дек 2012 в 18:57
  • колесиком ;) оно будет работать.
    – thunder
    13 дек 2012 в 21:02
  • 1
    @thunder не будет
    – user298256
    31 мая 2019 в 11:18

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.