Почему не скроллится модальное окно?

Question

[Сергей Волков]

Всем, привет !

Почему то модальное окно не скроллится, буду очень благодарен если поможете ))

При нажатии на кнопку, у меня вылезает модалка и у body вешается класс .stop-scrolling.

css body:

.stop-scrolling {
    overflow: hidden
}

css у модального окна:

top: 0;
    position: fixed;
    z-index: 10000;
    width: 100%;
    min-height: 110vh; 
    background-color: #000;
    transition: all .25s;
    transform: translateX(-4000px);

Сайт: lunamag-articles.malevich-web.ru

Буду очень благодарен, если поможете !

Answer 1

[Алексей Дубровин]

overflow: hidden - скрывает контент за границами блока.
Если контента нет - нечего скролить
Проблема у модального окна в том что оно находиться внутри body - которое скрывает лишний контент.
Скролл у модального окна может появиться если контент внутри него будет больше чем "110vh"(Установлена минимальная высота)
Так же можно попробовать навесить на модальное окно overflow: scroll

Comments

[Сергей Волков]

Алексей Дубровин, Я же обрезаю body, а не модальное окно

[Алексей Дубровин]

Сергей Волков, Модальное окно находиться внутри body