Я попытался использовать модальную функцию блейт-строчки twitter с iOS5. После того, как пользователь нажимает кнопку закрытия, модаль исчезает правильно, но ни один другой элемент экрана не может быть доступен для клика. Такое поведение наблюдается только в iOS5.
Он корректно работает с iOS 6 и в любом браузере на рабочем столе.
Здесь кнопка закрытия:
<a type="button" class="close" data-dismiss="modal" aria-hidden="true">×</a>
Может ли это возникнуть из-за отсутствия поддержки html5/css3 в iOS5?
mr Лиам скажет правду: модальная коробка также отображает фоновой накладку, которая предотвращает попадание за пределы фонового изображения. Yor может поймать его в отладке и написать свой собственный js, чтобы закрыть его при нажатии кнопки. Как и $('. Your_class'). Hide()
Также обратите внимание, что эта проблема может возникнуть при открытии модального окна и оставьте страницу. Если вы нажмете "назад" на устройстве, вы можете увидеть ту же проблему
Я знаю, что это очень старая тема, но я думал, что буду размещать решение в любом случае, поскольку это все еще проблема с 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;
}