Задать вопрос

Попуп не растягивается до самого низа сайта, растягивается до видимой части экрана, как поправить?

Всем привет, попуп на css.
Сделал попуп чтоб открывался с правой стороны экрана, растянул его до самого низа, точнее вроде сделал, но он до самого низа сайта не растягивается, растянулся до видимой зоны экрана.

Рабочий пример:
https://jsfiddle.net/tLbfwky6/3/

Вот на скрине видно что я открыл попуп, но он до низа видимой области, а надо до низа всего сайта.
5fb813c9a5f69780653412.png

Если прокрутить, то видно что попуп до самого низа не идет, он только до низа видимой области.
5fb813f936408018545513.png

Как мне его растянуть до самого низа?
  • Вопрос задан
  • 177 просмотров
Подписаться 1 Средний 1 комментарий
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Очевидно, позиционировать его относительно body, если хотите высоту считать относительно body.
Т.е. задать body relative.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@yega_mega
Добавь свойства overflow-y: auto;min-height: 110%;padding-bottom: 50px;
И тогда будет скроллиться не страница, а сам попап, и под все требования попап будет подходить
Ответ написан
@potap_221
.pd{
padding: 50px;
height: 100vh;
position: fixed;
top:0;
right:0;
}

Можно вот так, но тогда пропадает скролл, впринципе это такой же способ, какой и предложили сверху
Ответ написан
Ваш ответ на вопрос

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

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