Как сделать отступ для полосы прокрутки?

Question

kotey @kotey

Как сделать отступ для полосы прокрутки?

Доброго времени суток, уважаемые.
Подскажите, пожалуйста, как реализовать вот такой эффект:
www.kristianhammerstad.com
То есть когда при малом количестве изображений (к примеру при фильтре "comics" на данном сайте) автоматически добавляется отступ равный полосе прокрутки и окно не прыгает разворачиваясь во всю ширину.

Вопрос задан более трёх лет назад
943 просмотра

Комментировать

Подписаться 1 Оценить Комментировать

Решения вопроса 1

6 комментариев

kotey @kotey Автор вопроса

Спасибо огромное!
Один момент только, у Вас опечатка ("r" пропущено): overflow-y: scroll;
Ещё раз спасибо.

Написано более трёх лет назад
kotey @kotey Автор вопроса

И ещё один вопрос, если позволите. Нельзя ли как-то подружить это
overflow-y: scroll;
с плагином jquery.magnific-popup.js? А то он его не замечает и добавляет свой отступ =((

Написано более трёх лет назад
Lumore @Lumore

overflow-y: scroll !important;

Написано более трёх лет назад
kotey @kotey Автор вопроса
Lumore: Увы. magnific-popup не скрывает скроллбар, а наоборот, добавляет его ширину. То есть прописывает в тег html его ширину через JS:
<html style="margin-right: 17px; overflow: hidden;">
Написано более трёх лет назад
Lumore @Lumore
html { margin-right: 0 !important; }

?
Написано более трёх лет назад
kotey @kotey Автор вопроса
Lumore: Пробовал =( Тогда получается, что окно вроде ширину не изменяет, но вот фоновое изображение всё равно прыгает на эти 17px расширяясь. Покопался в ответах на Гитхабе, как понял, там единственный способ исправить исправить это - вообще отключить скрытие скроллбара. =(

UPD. О! Кажется нашел способ.
Прописать
html { margin-right: 0 !important; }

Чтобы не расширялась видимая область, а фоновую картинку вытащить из body и обернуть div-ом! Должно сработать.

Спасибо за подсказку!
Написано более трёх лет назад