1

Я использую полноэкранные модальности на своем сайте на мобильном телефоне. Проблема в том, что прикосновение к модальному приведет к перемещению страницы тела, даже если она переполнена: скрыта;Отключить сенсорную прокрутку, когда модальная функция открыта

Вот что самозагрузки говорит о том, что:

Поддержка переполнения: скрытый на элемент весьма ограничен в прошивкой и Android. Для этого при прокрутке вверху или внизу модального в любом из этих браузеров устройств содержимое начнет прокручиваться.

Что я могу сделать, чтобы этого не случилось?

Установка тела в положение: фиксированное приводит к тому, что свиток прыгает вверху уродливым способом. Какое лучшее решение, если кто-нибудь придумал?

+0

Вы используете jQuery, jQuery Mobile или что-то в этом роде? –

+0

@ seva.rubbo У меня есть jquery, но не jqmobile. – Harry

ответ

1

У меня был тот же вопрос, что и раньше.

То, что я сделал, сменил корпус на overflow:hidden и зафиксировал height, равный модальному height и запомнил позицию прокрутки документа. После закрытия модальности я применил сохраненную позицию прокрутки назад и height до auto.

Это так сложно, потому что мне нужны были мои модалы, чтобы быть больше, чем окно, и я хотел прокрутить модальный.

+0

Спасибо, да, я, наверное, должен сделать то же самое, это так неэлегантно ... – Harry

Смежные вопросы