Я пишу мобильное веб-приложение HTML5 для работы на Apple и Android. На Android-устройстве, на котором я тестирую, у меня возникает следующая проблема:
У меня есть текстовое поле ввода веб-управления, расположенное в нижнем 50% экрана. Когда фокус переходит в текстовое поле, отображается мягкая клавиатура и затеняет/закрывает/скрывает входной веб-элемент управления, для которого пользователь должен вводить текст. Только когда пользователь вводит по крайней мере один символ, входной веб-контроль становится видимым и больше не скрывается под клавиатурой.
Я хочу, чтобы поле было введено, чтобы не было закрыто клавиатурой. Когда отображается мягкая клавиатура, я хочу, чтобы входной веб-элемент управления оставался видимым.
Это на планшете Samsung под управлением Android версии 3.2.
Скажите, пожалуйста, как это сделать.
Самый простой способ решить этот андроид (и теперь ios7 тоже) - это использовать фокусы ввода и размытие событий. если у вас нет изменения тега нижнего колонтитула в классе.
В jQuery:
$("input").focus(function(){
$('footer').hide();
});
$("input").blur(function(){
$('footer').show();
});
попробуйте один раз в вашем файле CSS
html, body{overflow: hidden;}
и скажите, возникает ли проблема.
и попробуйте добавить в файл манифеста для активности
android:windowSoftInputMode="adjustPan"