Soy nuevo en web móvil / dev. Mi aplicación está utilizando jquery-mobile, phonegap y Compass (scss).

Tengo un problema en mi página de inicio de sesión:

el logo y los campos están contenidos en contenedores 'div' estándar (data-role = "content" data-type = "vertical"). El fondo es de color

cuando se cambia el enfoque del campo de inicio de sesión al campo de contraseña, la página se desplaza hacia arriba, que es lo que no quiero que ocurra. Me gustaría que mi logotipo y mis campos permanezcan en su lugar, al igual que la página de inicio de sesión de la aplicación Skype para iOS.

esto es lo que pasa:

He intentado varios trucos, intentando bloquear eventos de desplazamiento o forzando la página para desplazarse a 0,0, sin éxito.

Ahora estoy pensando en una nueva estrategia, tal vez utilizando la posición relativa superior para el logotipo y los campos, y capturando eventos de enfoque para desplazarme por la página, deslizando el teclado hacia arriba (animando las coordenadas de posición relativas superiores).

Aunque esto parece factible, me pregunto si este es el tipo de trabajo utilizado por el equipo de la aplicación Skype para iOS ...

Cualquier consejo sobre técnicas utilizadas en este caso en particular es bienvenido!

aclamaciones,

Fred