Программная клавиатура Android скрывает поля ввода в мобильном веб-приложении HTML5

Я пишу мобильное веб-приложение HTML5 для работы на Apple и Android. На Android-устройстве, на котором я тестирую, у меня возникает следующая проблема:

У меня есть текстовое поле ввода веб-управления, расположенное в нижнем 50% экрана. Когда фокус переходит в текстовое поле, отображается мягкая клавиатура и затеняет/закрывает/скрывает входной веб-элемент управления, для которого пользователь должен вводить текст. Только когда пользователь вводит по крайней мере один символ, входной веб-контроль становится видимым и больше не скрывается под клавиатурой.

Я хочу, чтобы поле было введено, чтобы не было закрыто клавиатурой. Когда отображается мягкая клавиатура, я хочу, чтобы входной веб-элемент управления оставался видимым.

Это на планшете Samsung под управлением Android версии 3.2.

Скажите, пожалуйста, как это сделать.

Ответ 1

Самый простой способ решить этот андроид (и теперь ios7 тоже) - это использовать фокусы ввода и размытие событий. если у вас нет изменения тега нижнего колонтитула в классе.

В jQuery:

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

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

Ответ 2

попробуйте один раз в вашем файле CSS

html, body{overflow: hidden;}

и скажите, возникает ли проблема.

и попробуйте добавить в файл манифеста для активности

android:windowSoftInputMode="adjustPan"