Eu sou novo na web para dispositivos móveis / dev. Meu aplicativo está usando jquery-mobile, phonegap e Compass (scss).

Eu tenho um problema na minha página de login:

o logotipo e os campos estão contidos em contêineres 'div' padrão (data-role = "content" data-type = "vertical"). O plano de fundo é colorido.

Ao mudar o foco do campo de login para o campo de senha, a página desliza para cima, que é o que eu não quero que ocorra. Eu gostaria que meu logo e meus campos permanecessem no lugar, assim como a página de login do Skype iOS App.

aqui está o que acontece:

Eu tentei vários truques, tentando bloquear eventos de rolagem, ou forçando a página a rolar para 0,0, sem sucesso.

Estou pensando em uma nova estratégia agora, talvez usando posicionamento relativo superior para logo e campos, e capturando eventos de foco para rolar a página eu mesmo, no slide do teclado para cima (animando coordenadas de posicionamento relativas superiores).

Embora isso pareça factível, estou querendo saber se esse é o tipo de trabalho usado pela equipe do Skype iOS App ...

Qualquer conselho sobre as técnicas usadas neste caso em particular é bem-vindo!

Felicidades,

Fred