È necessario visualizzare un elemento (div
) ontop della pagina Web. Durante lo scorrimento l'elemento dovrebbe scomparire e riapparire dopo la fine della pagina.Nascondere e mostrare div durante lo scorrimento pagina su iphone
Per aggiungere alla complessità:
- nostro codice è un codice ospite (quindi non siamo in grado di manipolare il DOM struttura, ecc).
- il nostro codice è destinato a lavorare su iPhone/iPad (browser mobile Safari)
Abbiamo cercato di ascoltare touchstart
evento il documento/corpo e nascondere l'elemento (div
) nel nostro gestore dedicato. Tuttavia, in alcuni siti, (quando la struttura DOM diventa ragionevolmente complessa) il tempo di risposta di scorrimento aumenta in modo significativo, anche se l'implementazione del gestore è interamente vuota.
Stiamo cercando il modo corretto di gestire l'aspetto (ri) degli elementi con un impatto minimo sull'esperienza utente durante lo scorrimento.
Non funziona con la tastiera – Petah
Risolto il problema con iOS 6 ... "Nota: funziona solo su Android 2.2+ utilizzando il seguente meta tag: . Il supporto parziale in Safari di iOS si riferisce al comportamento del buggy." --http: //caniuse.com/css-fixed – nym