android - samsung - firefox cookies
Habilitar el posicionamiento fijo real en los navegadores Samsung Android (4)
El navegador de Android, desde la versión 2.2, admite el posicionamiento fijo, al menos en ciertas circunstancias, como cuando la escala está desactivada. Tengo un archivo HTML simple sin JS, pero el posicionamiento fijo en tres teléfonos Samsung que probé es simplemente incorrecto. En lugar de un posicionamiento fijo verdadero, el encabezado se desplaza fuera de la vista y luego vuelve a su lugar una vez que se realiza el desplazamiento.
Esto no sucede en el emulador de Android SDK para ninguna configuración que haya probado (2.2, 2.3, 2.3 x86, 4.0.4). Tampoco sucede cuando se utiliza la vista web en una aplicación en los teléfonos Samsung: en esos casos, el posicionamiento funciona como se esperaba.
¿Hay alguna manera de hacer que el navegador Samsung "de valores" utilice un posicionamiento fijo real?
He probado: 1. Samsung Galaxy 551, Android 2.2 2. Samsung Galaxy S, Android 2.3 3. Samsung Galaxy S II, Android 2.3
Código de muestra:
<html>
<head>
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no,width=device-width,height=device-height">
<style>
h1 { position: fixed; top: 0; left: 0; height: 32px; background-color: #CDCDCD; color: black; font-size: 32px; line-height: 32px; padding: 2px; width: 100%; margin: 0;}
p { margin-top: 36px; }
</style>
</head>
<body>
<h1>Header</h1>
<p>Long text goes here</p>
</body>
</html>
El comportamiento esperado es que el encabezado gris llena la parte superior de la pantalla y permanece en su sitio sin importar cuánto se desplace. En los navegadores Samsung de Samsung, parece que está fuera de la vista y luego vuelve a su lugar una vez que se realiza el desplazamiento, como si se estuviera simulando el posicionamiento fijo utilizando Javascript, pero no lo está.
A juzgar por los comentarios y las "respuestas", parece que tal vez no tenía claro lo que necesito. Estoy buscando una metaetiqueta o una regla css / truco o javascript que desactiva el posicionamiento fijo roto de Samsung y activa el posicionamiento fijo del navegador de Android. No estoy buscando una solución de Javascript que agregue un posicionamiento fijo roto a un navegador que no tiene soporte alguno; El posicionamiento fijo de Samsung ya hace eso, simplemente parece estúpido.
Creo que la mejor manera para el navegador Android 2.2 es implementar javascript.
Puedes encontrar más información a través de este enlace. Se trata de posicionamiento fijo en todos los navegadores móviles.
En su comentario al artículo de Brad Frost, Matthew Holloway sugiere una solución similar a la de Anita Foley, pero con un relleno de polietileno para el desbordamiento: automático, donde no se admite. Échale un vistazo aquí:
No es el navegador roto de Samsung, es Android 2.2 que tiene el soporte roto. En general, como es posible que sepas la posición: arreglado fue y, en algunos casos, todavía está bastante roto en muchos dispositivos / sistemas móviles.
Para responder a su pregunta, no hay una "etiqueta o etiqueta" que "active el posicionamiento fijo del navegador de Android". Si un navegador no tiene soporte para algo, entonces no hay "alternar" para "cambiarlo". No es una característica.
De lo contrario, puede usar iScroll que lo emula.
(editar: algunos hechos)
- De acuerdo con http://caniuse.com/#search=position:fixed Android 2.2 y Android 2.3 tienen PARTIAL y no soporte total de la posición: corregido. (el soporte parcial parece un soporte con errores)
- Un simulador de Android no es y nunca será idéntico a un navegador nativo de Android, ya que IETester, por ejemplo, no es lo mismo que IE nativo (hay diferencias)
- Motorola ATRIX 4G NO tiene Android 2.2 sino Android 2.3 ( http://www.motorola.com/us/consumers/MOTOROLA-ATRIX%E2%84%A2-4G/72112,en_US,pd.html?selectedTab=tab-2&cgid=mobile-phones#tab )
Usted está sugiriendo que SAMSUNG introduce un hack o mod propietario que rompe el soporte de la posición corregida en el navegador de Android. Esto parece muy poco probable, independientemente de los 3 puntos anteriores.
La respuesta es realmente simple: hay soporte parcial (con errores) y su única solución es usar una biblioteca de JavaScript que reemplace o "arregle" el agujero.
Tal vez podría considerar un enfoque diferente que no requiera posicionamiento fijo ...
Agregue el desplazamiento al elemento de párrafo en lugar de en el elemento del cuerpo (predeterminado). A continuación, puede colocar el elemento de párrafo justo debajo del encabezado. Esto asegurará que el encabezado siempre se muestre en la parte superior de la página y le permita desplazarse por el texto en el párrafo.
h1 {
height: 20px;
}
p {
position: absolute;
top: 20px;
left: 0px;
right: 0px;
bottom: 0px;
overflow-y: auto;
}