Lo schermo di avvio di Twitter lascia lo schermo non cliccabile dopo la scomparsa

Question

Ho provato a utilizzare la funzionalità modale del framework di bootstrap di Twitter con iOS5. Dopo che l'utente fa clic sul pulsante di chiusura, la modal scompare correttamente, ma nessun altro elemento dello schermo sembra essere cliccabile. Questo comportamento si verifica solo in iOS5.

Funziona correttamente con iOS 6 e in qualsiasi browser desktop.

Qui il pulsante di chiusura:

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

maggio di verificarsi a causa del supporto HTML5/CSS3 manca in iOS5?

Answer 1

mr Liam dire vero: la casella modale mostrerà anche una sovrapposizione di sfondo che impedisce i tocchi all'esterno della vista di sfondo. Yor può prenderlo in debug e scrivere il proprio js per chiuderlo quando si fa clic sul pulsante. Come $ ('. Your_class'). Hide()

Inoltre, prestare attenzione che questo problema potrebbe verificarsi quando si apre la finestra modale e si esce dalla pagina. Se si fa clic su "Indietro" sul dispositivo, si potrebbe vedere lo stesso problema

Answer 2

So che questo è un argomento molto vecchio, ma ho pensato di postare comunque la soluzione in quanto questo è ancora un problema con bootstrap v. 3.2.0. È solo un problema da iOS 5.0.0 a 5.1.1.

Il problema è a che fare con l'attuazione di buggy -webkit-overflow-scrolling su iOS 5.

ho semplicemente aggiunto una classe ios5 attraverso JavaScript per html (da rilevamento user agent, anche se non l'approccio migliore sia). Quindi è possibile utilizzare quanto segue e risolverà il problema.

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