La pantalla se desplaza al escribir A través de JQTouch en una aplicación Android PhoneGap?
He hecho una aplicación con JQtouch, JQuery y PhoneGap. Cuando escribe en el campo de un formulario, toda la página se desplaza hacia arriba o hacia abajo cada vez que introduce un carácter. He buscado por todas partes soluciones pero no puedo encontrar una. Hubo un problema similar aquí: https://github.com/jquery/jquery-mobile/issues/638 pero su solución no solucionó mi problema.
¿Alguien tiene una idea de por qué la página se desplaza hacia arriba y hacia abajo con cada carácter añadido en un cuadro de texto? Debido a que la página es tan pequeña, se desplaza hacia arriba y hacia abajo rápidamente haciéndolo muy molesto.
- ¿Divide la pantalla en dos divisiones usando la framwork iónica?
- Jquery arrastrar caída cuelga o se queda bloqueado para el navegador android
- Las cookies móviles de Android JQuery no se almacenan
- Agregar css personalizado al código html con jsoup
- "Net :: ERR_CACHE_MISS" al cargar una URL externa en Córdoba
- La consulta de jabón con jQuery / Phonegap siempre falla en Android
- Jquery ajax llamada dentro de Phonegap a RESTful API
- ¿Qué es jQuery Mobile ?. ¿Es capaz de crear juegos para Android?
- Eventos de clics no registrados
- El tipo de archivo es una cadena vacía al cargar desde el navegador nativo de Android
- Cómo realizar 3D Curve Wall con jQuery o js
- Android javascript regex detección
- Phonegap Build CLI-5.2.0 Descargar y cerrar desde dentro de la aplicación Web
Ponga el siguiente CSS en su archivo después de todos los otros estilos CSS:
body { -webkit-perspective: none; -webkit-transform-style: flat; } body > * { -webkit-backface-visibility: visible; -webkit-transform: none; }
Esto debería resolver su problema (al menos lo hizo por mí).
Pruebe esto en una función init llamada onload:
Function preventBehavior (e) {e.preventDefault (); }; Document.addEventListener ("touchmove", preventBehavior, false);
Más información en http://groups.google.com/group/phonegap/browse_thread/thread/739525b7531b6d29/
Me enfrenté al mismo problema en Android 2.2. Puse las siguientes propiedades en mi CSS y luego encontré que el problema había sido resuelto. Lo que hizo la diferencia; No lo sé, pero está funcionando para mí:
html, body{overflow: hidden;}
Pruebe esto, puede funcionar para usted también.
Estoy usando la nueva versión beta (jqtouch-1.0-b4-rc), y con eso no pude conseguir estos trucos para trabajar en Android 2.2 o 2.3. Al final lo arreglé incluyendo en el siguiente en la base de mi CSS:
#jqt ul li { -webkit-transform: none; position: relative; /* required to fix arrows */ } #jqt ul li a { -webkit-transform: none; }