Ламерский вопрос про боковой скролл?

Question

[AlikDex]

При появлении бокового скролла страница смещается немного в сторону вслед за скроллом. Получается такое дергание. Как этого избежать?
Желательно не используя JS.

Answer 1

[Дмитрий Кравченко]

можно принудительно поставить

body{
  overflow-y: scroll;
}

Comments

[AlikDex]

так и делаю, но вариант не очень красивый.

[Дмитрий Кравченко]

AlikDex: без скрипта не обойтись, да и ни к чему это, по большому счету, это дергание - нормальное поведение браузера.

Answer 2

[BohdanK]

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

html {
overflow-y: scroll;
}

Answer 3

[diegocoder]

решал подобную проблему:
делал галерею на сайте подобную той что есть вконтакте. то есть кликаешь по превью, открывается картинка на весь экран в отдельном слое, который позиционируется по-центру. проблема была в том, что если картинка невысокая, то скролла нет, а если высокая то скролл есть. когда листаешь галерею, то скролл то появляется то исчезает.
решение довольно простое: сначала надо узнать ширину скрола, потом отнять эту ширину у отступов которые позиционируют нужный элемент. ширина скрола в разных ОС и браузерах может быть разной, но есть один универсальный способ как узнать эту ширину программно. создаешь пустой div прозрачный невидимый пользователю, ставишь overflow-y: scroll; и смотришь его ширину после инициализации документа. точный код пока привести не могу, но если интересно могу порыться в своем проекте и выложить сюда.