Duplicata Possível:
iPad Web App: Detectar teclado virtual usando JavaScript no Safari?

Estou construindo uma versão móvel para um site, e estou interessado em criar um jquery / js / html5 ou qualquer outra tecnologia com o mesmo efeito de tela dividida que pode ser feito em aplicativos móveis quando o teclado virtual estiver visível.

Por exemplo, se um usuário entrar na minha página da Web e clicar em um campo de texto de entrada, o teclado virtual será exibido e o navegador será ampliado automaticamente para a área onde o campo de texto de entrada está.

O que eu quero é poder alterar o conteúdo da minha página no momento em que o teclado virtual é visível com base na nova resolução (altura da tela - altura do teclado), movendo o campo de texto de entrada na parte superior da tela, seguido por algumas dicas dependendo o que o usuário digita no campo de texto.

Aqui estão alguns esboços para ver do que estou falando:

Esta é a visualização da página sem teclado, resultados baseados na pesquisa:

página com o teclado de retrato, o logotipo desaparece, a entrada de texto é movida para o topo e são exibidos no máximo 4 itens

página com o teclado paisagem, o logotipo desaparece, a entrada thext se move para o topo e é ampliada, apenas 2 itens são mostrados

é o teclado está oculto, a página deve ir para faze 1.

Espero que isto ajude.