El posicionamiento fijo en el navegador Android 2.3 debería funcionar ... ¿no es así?

Question

Al mirar alrededor de la red, entiendo que el posicionamiento fijo debería funcionar con en Android 2.3 si uno tiene los metaetiquetas correctos establecidos.

Esto es lo que son las configuraciones de mi vista actual.

<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" /> 

En mi Galaxy S2, el div con posición fija (que es básicamente una cabecera delgada en la parte superior de la página) no se queda en su lugar cuando se desplaza por la página. Se mueve con la página.

Sin embargo, cuando dejas de desplazarte, volverá a aparecer en la parte superior de la página.

¿Es el comportamiento de posición fijo esperado para Android 2.3?

¿Hay una manera mejor de hacer esto (que con suerte no implica la complejidad masiva de addiong iScroll)?

Answer 1

He estado viendo este problema yo mismo como parte de un proyecto que estamos haciendo: el S2 no parece apoyar completamente la posición: fijo, en cambio lo emula colocando el objeto en su lugar una vez se completa el desplazamiento (que es la forma en que lo estamos manejando, con JS, para teléfonos que no admiten posición: fijo).

No tengo idea de por qué esto es así, ya que todos los otros dispositivos Android 2.3 que hemos probado lo soportan completamente sin problemas, ¡pero no eres el único que tiene problemas!

Answer 2

Existe una excelente comparación y discusión por parte de Brad Frost sobre el posicionamiento fijo para Android, iOS, Firefox Mobile, Opera Mobile, Blackberry, Windows Phone y más here.

Answer 3

Aquí es otra cosa que rompe posición: fijo en Android 2,3

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

Sólo se rompe cuando se utiliza importante!. Lo cual es malo porque

anything{ 
     -webkit-transition:anything; 
} 

Hace que los elementos se vuelvan invisibles. ¡Espero que esto ayude!