Щебетать загрузочный модальный экран листьев без следа после его исчезновения

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

Он корректно работает с iOS 6 и в любом браузере на рабочем столе.

Здесь кнопка закрытия:

<a type="button" class="close" data-dismiss="modal" aria-hidden="true">×</a>

Может ли это возникнуть из-за отсутствия поддержки html5/css3 в iOS5?

Ответ 1

mr Лиам скажет правду: модальная коробка также отображает фоновой накладку, которая предотвращает попадание за пределы фонового изображения. Yor может поймать его в отладке и написать свой собственный js, чтобы закрыть его при нажатии кнопки. Как и $('. Your_class'). Hide()

Также обратите внимание, что эта проблема может возникнуть при открытии модального окна и оставьте страницу. Если вы нажмете "назад" на устройстве, вы можете увидеть ту же проблему

Ответ 2

Я знаю, что это очень старая тема, но я думал, что буду размещать решение в любом случае, поскольку это все еще проблема с bootstrap v. 3.2.0. Это проблема только с iOS 5.0.0 до 5.1.1.

Проблема связана с ошибкой реализации -webkit-overflow-scrolling на iOS 5.

Я просто добавил класс ios5 через JavaScript к html (по обнаружению агента пользователя, хотя и не лучший подход). Затем вы можете использовать следующее, и это устранит проблему.

.ios5 .modal {
    -webkit-overflow-scrolling: auto;
}