#css #twitter-bootstrap
#css #twitter-bootstrap
Вопрос:
У меня есть длинный модал, который выходит за пределы видимой области на смартфоне.
Я попытался выполнить поиск в Stackoverflow, но в нем ничего нет.
Комментарии:
1. Не используйте Bootstrap. Это приводит к неправильным методам проектирования / кодирования. Лучше внедрить свою собственную реализацию — правильным способом. Попробуйте изменить атрибут background модального элемента на
position: absolute;вместоbackground-position: fixed;.2. Что вы подразумеваете под «прыжком»? Если загрузочный модал 3 слишком высок / длинен, чтобы поместиться на экране, вы все равно сможете прокрутить его.
3. @Aeron Вы имеете в виду использование определенных имен классов начальной загрузки в вашем HTML или ..?
4. Я просто имею в виду в целом. Я только что потратил последние 4 недели на переписывание крупного сайта, который изначально был создан с помощью Bootstrap, и могу вам сказать, что это была самая большая заноза в заднице. В итоге мне было проще переписать весь сайт самостоятельно, и теперь им еще проще управлять.
Ответ №1:
В общих чертах вам нужно установить максимальную высоту или height для модального элемента body / div, затем вы можете установить overflow-y: auto для содержимого body. Затем вы должны получить прокручиваемый раздел внутри вашего модала.
Если вы перенесете свои настройки максимальной высоты в медиа-запрос, то сможете контролировать точки останова, при которых вы начнете видеть прокрутку для каждого размера экрана.