Miękka klawiatura Androida zaciemnia pola wejściowe w mobilnej aplikacji internetowej HTML5

Question

Piszę mobilną aplikację HTML5 do uruchamiania na urządzeniach Apple i Android. Na urządzeniu z systemem Android, na którym testuję, pojawia się następujący problem:

Mam pole tekstowe sterowania wejściami umieszczone w dolnej 50% ekranu. Kiedy fokus przechodzi do pola tekstowego, wyświetlana jest klawiatura miękka i zasłania/ukrywa/ukrywa wejściowy kontroler sieci, do którego użytkownik powinien wpisywać. Tylko wtedy, gdy użytkownik wpisze co najmniej jeden znak, kontrolka sieci wejściowej stanie się widoczna i nie będzie już ukryta pod klawiaturą.

Czego chcę, aby wprowadzone pole NIE było zasłonięte przez klawiaturę. Gdy wyświetlana jest klawiatura ekranowa, chcę, aby kontrolka sieci wejściowej pozostała widoczna.

Jest to na tablet Samsung z systemem Android w wersji 3.2.

Proszę mi powiedzieć, jak to osiągnąć.

Answer 1

Najprostszym sposobem na rozwiązanie tego androida (a teraz także ios7) jest użycie fokusów wejściowych i rozmycie zdarzeń. jeśli nie masz zmiany znacznika stopki w klasie.

w jQuery:

$("input").focus(function(){ 
    $('footer').hide(); 
}); 

$("input").blur(function(){ 
    $('footer').show(); 
}); 

Answer 2

spróbować jeszcze raz to w pliku CSS

html, body{overflow: hidden;} 

i powiedz mi, czy występuje problem.

i raz spróbować dodać menifest pliku dla aktywności

android:windowSoftInputMode="adjustPan"