Как сделать такое резиновое модальное окно?

На данный момент у меня имеется такое модальное окно: 3f4ae603545a4fa59de060ea3c5db954.jpg, где с помощью несложного скрипта классу .modal добавляется видимость, а затем и подложке .overlay так же. И все бы было хорошо, если бы в данном модальном контейнере содержался какой-те небольшой алерт, форма или кнопка. Но я хочу запихнуть туда много текста и картинок, таким образом, чтобы оно тянулось вниз. Но, очевидно, что когда я элементу .modal задаю высоту не фиксированную, а auto, контейнер то тянется, вот только не влазит в мой вью-порт, а когда я начинаю скролить, то скролится контент под модальным окном, то есть сама страница. Вопрос в том, как это модальное окно проапгрейдить так, чтобы когда контента в нем становилось больше, скрол работал относительно модального окна, а не страницы. Какие изменение провести с внешним контейнером, которые содержит модальное окно, подложкой ну и т.д Всем большое спасибо заранее.
  • Вопрос задан
  • 746 просмотров
Решения вопроса 1
monochromer
@monochromer
DIVeloper
Есть такой способ:
habrahabr.ru/post/252769
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Wheelie
Для body обычно добавляют overflow: hidden;
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы
24 нояб. 2024, в 01:35
5000 руб./за проект
24 нояб. 2024, в 01:24
500 руб./за проект
24 нояб. 2024, в 00:04
5000 руб./за проект