yupp, soy uno de estos tipos que quieren desarrollar aplicaciones móviles con HTML5. En Android y iOS. Suena loco lo sé. Lamentablemente tengo un problema ...

Tengo una aplicación clásica con un pie de página y un encabezado y un contenido que debe ser desplazable. ¡En iOS esto funciona fantástico! El encabezado y el pie de página tienen "posición: fija" en la parte superior / inferior y el contenido utiliza el impulso de desplazamiento nativo con "-webkit-overflow-scrolling: touch;". Sé que "-webkit-overflow-scrolling: touch;" no está disponible en Android, pero esta propiedad no solo se ignora, ¡el desplazamiento no funciona en absoluto!

Entonces, ¿alguien puede decirme cómo obtener un desplazamiento "nativo" en iOS y un desplazamiento "bueno" en Android con el mismo marcado y estilo? P.ej. Si puedo usar el desplazamiento nativo con impulso, excelente, si no, desplazamiento simple.

Nota: solo tengo que admitir versiones recientes por ahora (¡no Android 2.3!), Así que no quiero JS-Fallbacks como iScroll 4.

.content {
    // no(!) scrolling on Android - why?
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

JSFiddle:http://jsfiddle.net/bmJxN/

¡Gracias!