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.

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; } 
  • No se puede acceder al archivo php desde otro dominio
  • Usar jQuery móvil sin conexión
  • JQuery Autocompletar trabajando en Chrome pero no en android usando phonegap
  • Traducir eventos táctiles de Javascript a jQuery
  • Jquery enmascarado problema de entrada v1.4 con Samsung dispositivo Android
  • Cómo deshabilitar el botón de retroceso del teléfono en Android con Jquerymobile, PhoneGap
  • Entrada enmascarada no funciona en móviles android?
  • ¿Cómo implementar carga más función en android usando phonegap?
  • JQuery detecta si se mantiene pulsada la tecla del teclado
  • JQuery Data Time selector que funciona bien en iOS / Android
  • Layout borroso / de baja calidad cuando jQuery móvil en android usando phonegap
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.