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

Question

andreyWayne @andreyWayne

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

Делаю путём fixed, и наступила проблема на мобильной версии...
Пожалуйста, скиньте пример как сделать модальное окно с учётом прокрутки и адаптивности.
Заранее спасибо большое!!

Вопрос задан более трёх лет назад
360 просмотров

5 комментариев

Подписаться 1 Простой 5 комментариев

Exploding @Exploding

Наступила проблема = наступила осень. Что значит с учётом прокрутки и адаптивности?

Написано более трёх лет назад
andreyWayne @andreyWayne Автор вопроса

Exploding, Да)

Написано более трёх лет назад
Exploding @Exploding

andreyWayne, согласен, лопата)))

Написано более трёх лет назад
Андрей Никифоров @squitcher

cartonbox.constlab.ru самое лучше что находил за 3 года работы в этой сфере

Написано более трёх лет назад
Denis Popov @DenisDangerous
...
.modal{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow-x: hidden; overflow-y: auto; }

а в идеале это все в media поместить, чтоб только при мобильном виде во весь экран было. а на остальных разрешениях фикс размера...
Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

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

Войти через центр авторизации

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

PHP

+1 ещё

Средний
Интересует простой скрипт стены комментариев с возможностью добавить фото и мгновенным выводом на страницу?
- 1 подписчик
- 2 часа назад
- 23 просмотра
0

ответов
JavaScript

+1 ещё

Средний
Как сделать программную навигацию без изменения url в vue-router + vue3?
- 1 подписчик
- 5 часов назад
- 22 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Three.js объект сзади не виден при повороте к нему лицом?
- 2 подписчика
- 9 часов назад
- 143 просмотра
1

ответ
CSS

Простой
Почему line-clamp для обрезания строк отображает текст ниже троеточия?
- 1 подписчик
- 10 часов назад
- 34 просмотра
1

ответ
HTML

+1 ещё

Простой
Можно ли изменить цвет шрифта снаружи для тега у которого цвет прописан внутри?
- 1 подписчик
- 11 часов назад
- 42 просмотра
2

ответа
JavaScript

+2 ещё

Простой
Как скачать pdf из встроенного просмотрщика на сайте?
- 1 подписчик
- 12 часов назад
- 111 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как построение маршрута на 2GIS API v2.0?
- 1 подписчик
- 13 часов назад
- 43 просмотра
0

ответов
JavaScript

Средний
Эффект наложения блоков?
- 1 подписчик
- вчера
- 107 просмотров
2

ответа
JavaScript

+2 ещё

Средний
Как изменить содержание блока програмно со свойством contentEditable?
- 1 подписчик
- вчера
- 83 просмотра
0

ответов
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- вчера
- 45 просмотров
0

ответов
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

JavaScript Fullstack

OnClass

от 200 000 до 600 000 ₽

Создание и публикация короткого (reels) UGC-видео на YouTube-канале

25 апр. 2024, в 01:46

500 руб./за проект

Настроить перехват https-трафика для android-приложения

25 апр. 2024, в 01:02

10000 руб./за проект

Программа (скрипт) для автоматизации торговли Solana

25 апр. 2024, в 00:45

100 руб./в час

Наступила проблема = наступила осень. Что значит с учётом прокрутки и адаптивности?
cartonbox.constlab.ru самое лучше что находил за 3 года работы в этой сфере
...
.modal{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow-x: hidden; overflow-y: auto; }

а в идеале это все в media поместить, чтоб только при мобильном виде во весь экран было. а на остальных разрешениях фикс размера...

Answer 1 · 2017-11-19 19:42:18

Александр Таратин @Taraflex

Ищу работу. Контакты в профиле.

https://arcticlab.ru/arcticmodal/

Ответ написан более трёх лет назад

Комментировать

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

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

Минуточку внимания

Войдите на сайт