Как открыть длинный html блок в модальном окне?

Добрый день. Есть сайдбар в вордпресс. В мобильной версии этот сайдбар скрываеться display:none Я создал копию сайдбара для мобильной версии и ее нужно вывести в модальном окне. По высоте блок где то 700рх, и если я ставлю position:absolute; top:0; то блок закрепляеться в верху экрана и скройлиться до самого низа. НО контент который под абсолютным блоком длинее и его видно. Как ограничить высоту блока только его высотой?
  • Вопрос задан
  • 247 просмотров
Пригласить эксперта
Ответы на вопрос 2
Vsnegovik
@Vsnegovik
frontend-разработчик
Как вариант, у менюшки делать
position: fixed;
top: 100px;
height: calc(100vh - 100px);
overflow-y: scroll;


* Значение top взято с потолка
Ответ написан
Комментировать
nuffyweb
@nuffyweb
При открытии сайдбара в мобильной версии, добавлять к body класс : "overflow-hidden"
.overflow-hidden {
overflow: hidden;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы