Создание прокручиваемого div после отображения клавиатуры в приложении для Android с телефонной связью

Я работаю над приложением для планшета. На главной странице есть поле для входа в систему. Этот контейнер div занимает всю ширину и высоту экрана. Когда пользователь нажимает на клавиатуру, клавиатура отображается и занимает нижнюю половину экрана. Теперь я хочу сделать верхнюю половину прокручиваемой.

Я написал плагин phonegap, чтобы определить, когда отображается клавиатура. В моем javascript я прослушиваю событие, отображаемое на клавиатуре, а затем уменьшаю высоту контейнера div на высоту клавиатуры. У меня также есть внутренний набор div с overflow: scroll. Тем не менее, когда я это делаю, он все еще не прокручивается. Я работаю на Android 4.2.2. Любые идеи?


cordova javascript html css
person Mark    schedule 26.06.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Наконец-то я решил эту проблему с помощью jQuery Patch ниже:

//JS : OnReady event:

var windowHeightSeventyPercent = parseInt(screen.height * 0.7); //To support multiple devices

$("input").focusin(function(){
   $("body").height($("body").height()+parseInt(windowHeightSeventyPercent)); //Make page body scroll by adding height to make user to fillup field.
});

 $("input").focusout(function(){
   $("body").height($("body").height()-parseInt(windowHeightSeventyPercent));
 });

Ссылка на этот пост.

person byJeevan    schedule 26.06.2014