การทำให้ div สามารถเลื่อนได้หลังจากแสดงคีย์บอร์ดในแอพ phonegap สำหรับ Android

ฉันกำลังทำงานกับแอปแท็บเล็ต ในหน้าแรกจะมีการป้อนข้อมูลรายละเอียดการเข้าสู่ระบบ div คอนเทนเนอร์นี้คือความกว้างและความสูงทั้งหมดของหน้าจอ เมื่อผู้ใช้คลิกบนแป้นพิมพ์ แป้นพิมพ์จะแสดงและกินพื้นที่ครึ่งล่างของหน้าจอ ตอนนี้ฉันต้องการทำให้ครึ่งบนเลื่อนได้

ฉันได้เขียนปลั๊กอิน phonegap เพื่อตรวจจับเมื่อมีการแสดงแป้นพิมพ์ ในจาวาสคริปต์ของฉัน ฉันฟังเหตุการณ์ที่แสดงแป้นพิมพ์ จากนั้นลดความสูงของ 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