@malayamarisha

Как сделать чтобы модальное окно не сдвигало блок position:fixed?

Всем привет.
Реализовано модальное окно с помощью bootstrap.
В стандартном функционале при открытии модального окна элементу body добавляется класс .modal-open, а также убирается полоса прокрутки (чтобы не было возможности прокрутить страницу, пока открыто модальное окно).
Для того, чтобы контент не сдвигался (на ширину полосы прокрутки) добавлен класс
body.modal-open {
    overflow: hidden;
    padding-right: 17px !important;
}

Но есть header, у которого стиль position:fixed и не удается исправить сдвиг header при открытии модального окна.
Подскажите, пожалуйста, как можно при открытии модального окна убрать сдвиг header?
  • Вопрос задан
  • 74 просмотра
Пригласить эксперта
Ответы на вопрос 1
@UthvfyV
body.modal-open header {
    overflow: hidden;
position: relative;
    padding-right: 17px !important;
}

пока существует класс у body modal-open header будет с этими параметрами. Уберётся класс всё вернётся как было.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
28 февр. 2024, в 19:10
2000 руб./за проект
28 февр. 2024, в 19:09
35000 руб./за проект
28 февр. 2024, в 18:37
150000 руб./за проект