Как избежать скрытия скролла при открытии модалок?

Question

[F1eX]

На странице генерируется по 8 карточек товаров, естественно справа появляется скроллбар, т.к. они в один экран не помещаются.
Но при открытии любой модалки, создающей затенение фона с помощью блока с position: fixed этот скроллбар исчезает и заставляет перестраиваться карточки с учетом освободившегося справа места, что раздражает.
Можно ли как-то запретить скроллбару скрываться?

Comments

[Сергей delphinpro]

body {
  overflow-y: scroll;
}

Но в этом случае сколл будет всегда, даже когда все умещается на страницу (просто будет неактивным).

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

[Сергей delphinpro]

Ну можно еще попробовать заюзать плагин для кастомных скроллбаров и сделать скроллбар "поверх" контента, чтобы его наличие не влияло на ширину страницы.

[Сергей delphinpro]

Можно добавлять на body правый марджин величиной с ширину скроллбара при открытии модалки. Нормальные плагины так и делают (следует учесть, что в этом случае на body обязательно не должно быть стиля width: 100%).

Answer 1

[Akunin94]

Проверь и - там должно быть добавляется класс, который имеет css-свойство "overflow: hidden" или что-то вроде этого. Перебей это свойство и всё