Модальное окно, не работает скрол, окно уходит за границы, как починить скрол?

Question

[Антон Вебсайтовский]

Модальное окно на чисто css, без js.
Как починить скрол, при открытие модального окна, скрол сайта не подключается и нельзя прокручивать окно, если в нем много контента, то оно тупо уходит за границы экрана. Как исправить?

Рабочий пример тут: https://jsfiddle.net/urdjec53/

Comments

[Softlink]

Сделать position: absolute?

[Антон Вебсайтовский]

Softlink, ахаха, блин я подумал об этом и не проверил ) а вы оказались правы, спасибо.

[Антон Литвиненко]

Как вариант сделать оверлей фиксед, ему же оверфлоу скролл, а само окно вставить внутрь оверлея. гляньте как у бутстрапа сделано

[Антон Вебсайтовский]

Softlink, теперь думаю как снизу после окна сделать отступ ! чтобы окно не прилегало к низу )) маргин не канает.

[Антон Вебсайтовский]

Антон Литвиненко, а там css? там вроде с js идет.

[Антон Литвиненко]

Антон Вебсайтовский, какая разница, мы же про разметку говорим а не способ открывания

[Антон Вебсайтовский]

Антон Литвиненко, так я решил, но теперь надо в конце окна модального замутить отступ от низа.
https://jsfiddle.net/mzt2dypn/

[Антон Литвиненко]

Антон Вебсайтовский,
.popup {
margin-bottom: 50px;
}

[Антон Вебсайтовский]

Антон Литвиненко, да я это пробовал, не срабатывает.

[Антон Литвиненко]

Антон Вебсайтовский, в вашем же фиддле у меня срабатывает

[Антон Вебсайтовский]

Антон Литвиненко, серьёзно? да я вот только что пробовал там ))) вот https://jsfiddle.net/0o67pchs/1/

и скрин

[Антон Вебсайтовский]

Все понял, в хроме есть отступ, в мозиле нет, странно, в ie тож есть, что-то странное, кеш может какой, щас перезагружу сегу.

[Антон Вебсайтовский]

Странно, реально в мозиле нет отступа ) что делать?
Странно конечно, функции css простые, старые и вот такая проблема.

[Антон Вебсайтовский]

Более доработанная версия после изменений, бохсизе пришлось добавить, чтоб проблем с адаптацией не было.
https://jsfiddle.net/zof3nw58/4/

А вот с отступом так и не решился вопрос. в мозиле.