Сдвиг страницы при появлении скролла?

Question

[Сашка Брамс]

При переключении блоков с содержимым( где-то больше где-то меньше) появляется и исчезает скролл, это все сдвигает страницу.
Самый простой пример - открытие модального окна, там скролл убираем и страница двигается вправо...

Косытли - position fixed и подобное не подойдет..

Вот пример:


Как исправить? подскажите пожалуйста, нагуглил только position fixed и непонятные js библиотеки...

Answer 1

[Андрей]

Добавьте в стиль css

body {
    overflow-y: scroll;
}

Для более продвинутого решения JS библиотека с примерами

https://github.com/rochal/jQuery-slimScroll

Comments

[Сашка Брамс]

он будет всегда даже когда скролла и не нужно :c

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

Сашка Брамс: зато не прыгает

[Андрей]

Да, это особенность данного решения. Есть неплохая библиотека которая решает данную проблему https://github.com/rochal/jQuery-slimScroll

Answer 2

[freedom-twin]

В данном случае как вариант - overflow-y: overlay;

Comments

[MashutaKlencheva]

Очень благодарна, вы помогли одним свойством решить аналогичную проблему! Спасибо огромное, хорошо, что Вас нашла)

[MashutaKlencheva]

Не знаете, может есть способ заставить firefox сделать то же самое? can i use расстроил только.

Answer 3

[Дмитрий Кузнецов]

Данная ситуация - это норма. Так как скролл создаёт ещё дополнительный размер окна браузера и из-за этого сайт немного сдвигается.