webkit - moduli di scorrimento a sfioro interrotti su iOS 7 web app a schermo intero

Question

Ho problemi con una app Web a schermo intero (salvata su schermata iniziale) per iPhone su iOS7.

In genere, quando un input è selezionato, è stato spostato in vista sopra la tastiera.

Tuttavia, questo non sembra accadere su iOS7 per lo scorrimento DIV in un'applicazione web a schermo intero.

Pertanto, quando un DIV utilizza "-webkit-overflow-scrolling: touch" e si fa clic su un input nella metà inferiore dello schermo, viene attivata la tastiera, ma l'input non scorre verso l'alto.

E, in quel momento, l'input non risponderà ad altri eventi onFocus che altrimenti potrei far scorrere.

Qualcuno ha visto una soluzione alternativa?

Answer 1

L'aggiornamento del metatag viewport è stato risolto per me.

ho cambiato questo:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> 

A tal:

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" /> 

height=device-height è la correzione reale (senza di essa la finestra viene ridimensionata per ospitare la tastiera).

Answer 2

Ha funzionato sulla mia WebApp rimuovendo le impostazioni di altezza.