Il posizionamento fisso nel browser Android 2.3 dovrebbe funzionare ... non dovrebbe?

Question

Dal guardarmi intorno in rete, la mia comprensione è che il posizionamento fisso dovrebbe essere in Android 2.3 se uno ha i metatag giusti impostati.

Questo è ciò che sono le mie impostazioni correnti di visualizzazione.

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

Sul mio Galaxy S2, il div con posizione fissa (in pratica si tratta di un sottile intestazione nella parte superiore della pagina) non rimanere sul posto durante lo scorrimento in basso nella pagina. Si muove con la pagina.

Tuttavia, quando si interrompe lo scorrimento, salta nuovamente all'inizio della pagina.

È il comportamento previsto di posizione fissa per Android 2.3?

C'è un modo migliore per farlo (che si spera non implichi l'enorme complessità dell'addio iScroll)?

Answer 1

Ho appena esaminato questo problema come parte di un progetto che stiamo facendo: l'S2 non sembra supportare completamente la posizione: riparato, invece lo emula rimettendo in sesto l'oggetto una volta che il lo scorrimento è completato (che è come lo stiamo gestendo, con JS, per i telefoni che non supportano la posizione: fisso).

Non ho idea del perché questo è, come tutti gli altri dispositivi Android 2.3 che abbiamo testato supportano completamente senza problemi, ma non sei l'unico ad avere problemi!

Answer 2

Esiste un eccellente confronto e discussione di Brad Frost sul posizionamento fisso per Android, iOS, Firefox Mobile, Opera Mobile, Blackberry, Windows Phone e altro here.

Answer 3

Ecco un'altra cosa che rompe position: fixed su Android 2,3

anything{ 
     -webkit-transition:none !important; 
} 

Si rompe solo quando si utilizza importanti!. Che fa schifo perché

anything{ 
     -webkit-transition:anything; 
} 

Rende invisibili gli elementi. Spero che questo ti aiuti!