Membuat div dapat digulir setelah keyboard ditampilkan di aplikasi Android phonegap

Saya sedang mengerjakan aplikasi tablet. Pada halaman beranda terdapat input untuk detail login. Div kontainer ini adalah seluruh lebar dan tinggi layar. Saat pengguna mengklik keyboard, keyboard tersebut akan muncul dan menempati bagian bawah layar. Saya sekarang ingin membuat bagian atas dapat digulir.

Saya telah menulis plugin phonegap untuk mendeteksi kapan keyboard ditampilkan. Dalam javascript saya, saya mendengarkan acara yang ditampilkan keyboard dan kemudian mengurangi tinggi div wadah dengan tinggi keyboard. Saya juga memiliki set div bagian dalam dengan overflow: scroll. Namun, masih tidak dapat digulir saat saya melakukan ini. Saya sedang mengerjakan Android 4.2.2. Ada ide?


cordova javascript html css
person Mark    schedule 26.06.2014    source sumber

Jawaban (1)


arrow_upward
0
arrow_downward

Saya akhirnya memecahkan masalah ini dengan jQuery Patch di bawah ini:

//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));
 });

Lihat postingan ini.

person byJeevan    schedule 26.06.2014