2014-11-22 8 views
8

Ho esaminato lo stackoverflow e sembra che lo position:fixed in an iframe for iOS mobile devices sia stato un problema in passato, ma non ho ancora ricevuto risposta.Perché `position: fixed` non funziona se visualizzato in un 'iframe` utilizzando un dispositivo iPhone o iOS?

Ecco un esempio che ho creato tramite jsbin: http://jsbin.com/pekeca/1/

In questo esempio, c'è una pagina HTML genitore che utilizza iframe che contiene un'altra pagina HTML (bambino). Ecco le cose da notare:

  • Quando l'HTML padre viene visualizzato su qualsiasi dispositivo, la barra di navigazione nel codice HTML figlio rimane fissa. Questo è il comportamento previsto.
  • Tuttavia, quando l'HTML padre viene visualizzato su un iPhone indipendentemente dal browser, la barra di navigazione nel HTML figlio perde la sua posizione fissa. Questo è un bug che accade solo negli iPhone.
  • Quando lo child HTML page is viewed directly (i.e., not inside an iframe) in un iPhone, la barra di navigazione rimane in una posizione fissa e funziona correttamente.

Qualcuno ha trovato una soluzione alternativa per position:fixed in iPhone o dispositivi iOS?

+2

io sono sempre lo stesso problema, hai trovato qualche soluzione alternativa ancora? – Shuvro

+1

@Shuvro, no e ho smesso di lavorarci ulteriormente. Tuttavia, un mio amico mi ha inviato [questo link] (http://stackoverflow.com/questions/23083462/how-to-get-an-iframe-to-be-responsive-in-ios-safari), ma io devo ancora provarlo. Non è direttamente correlato al problema, ma può fornire alcune informazioni. – ayjay

+0

Non sembra risolvere il problema, ma è una soluzione molto utile ad altri problemi iframe iOS, grazie! –

risposta

0

In Chrome e Safari su iOS sembra che il problema qui non sia la posizione fissa, ma con l'altezza dell'iframe. Da un'altra risposta SO: "A partire dalla versione 4.2.1 di Safari iOS, e continuando al punto 4.3.3, viene mostrato forzatamente l'intero contenuto di un iFrame."

Questi altri messaggi potrebbero aiutare a:

Problemi correlati