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

Как адаптивить модалку?

Подскажите. Есть модалка. nash-karapuz.ru В самом конце страницы есть ссылка на модалку "политика конфиденциальности". На десктопе все ок. Но на мобилке он не помещается по высоте и не прокручивается из-за pos fixed. Можно ли как-то сделать, чтобы прокручивалась? Если модалке задать absolute, то она появляется в начале страницы, а нужно чтобы на текущем месте.
  • Вопрос задан
  • 167 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@Sashjkeee Куратор тега CSS
f-e
Я бы на вашем месте например просто ограничил высоту блока и добавил скролл
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
serjikz
@serjikz
web-developer
Простой вариант - на мобилке модальное окно растягивать на всю ширину и на всю длину страницы, устанавливать в этом окне возможность скрола и крестик закрывающий ставить. Ещё простой вариант - абсолютное позиционирование и отступ снизу, а не сверху. К примеру как тут: m.topzakazz.ru/corset (моб версия, уменьшите окно до мобилки)
Ответ написан
Комментировать
tema_sun
@tema_sun
Сделайте как в bootstrap 3 (getbootstrap.com/javascript/#modals)
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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