Как прокрутить страницу, когда модальный диалог длиннее экрана? ⇐ CSS

[Anonymous]

У меня есть модальный диалог в моем приложении, который может стать довольно долго в направлении Y. Это вводит проблему, посредством которой некоторые из содержимого диалогового окна скрыто от нижней части страницы. : //i.sstatic.net/qbgot.png "/>

Я бы хотел Отображается и слишком длинная, чтобы поместиться на экране, но оставьте основное тело на месте за модалом. Если вы используете Trello, то вы знаете, на что я ичу. /> Вот CSS, который я применил к своему модальному и диалогу: < /p>

body.blocked {
overflow: hidden;
}

.modal-screen {
background: #717174;
position: fixed;
overflow: hidden;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.9;
z-index: 50;
}

.dialog {
background: #fff;
position: fixed;
padding: 12px;
top: 20%;
left: 50%;
z-index: 10000;
border-radius: 5px;
box-shadow: 0, 0, 8px, #111;
}


Подробнее здесь: https://stackoverflow.com/questions/104 ... the-screen