Javascript 在phonegap android应用程序中显示键盘后,使div可滚动
我正在开发一款平板电脑应用程序。在主页上,有一个登录详细信息的输入。此容器div是屏幕的整个宽度和高度。当用户单击键盘时,键盘显示并占据屏幕的下半部分。现在我想让上半部分可以滚动Javascript 在phonegap android应用程序中显示键盘后,使div可滚动,javascript,html,css,cordova,Javascript,Html,Css,Cordova,我正在开发一款平板电脑应用程序。在主页上,有一个登录详细信息的输入。此容器div是屏幕的整个宽度和高度。当用户单击键盘时,键盘显示并占据屏幕的下半部分。现在我想让上半部分可以滚动 我已经写了一个phonegap插件来检测键盘何时显示。在我的javascript中,我监听键盘显示事件,然后将容器div的高度减少键盘的高度。我还使用overflow:scroll设置了内部div。但是,当我这样做时,它仍然不可滚动。我正在开发安卓4.2.2。有什么想法吗?我终于用以下jQuery补丁解决了这个问题:
我已经写了一个phonegap插件来检测键盘何时显示。在我的javascript中,我监听键盘显示事件,然后将容器div的高度减少键盘的高度。我还使用
overflow:scroll
设置了内部div。但是,当我这样做时,它仍然不可滚动。我正在开发安卓4.2.2。有什么想法吗?我终于用以下jQuery补丁解决了这个问题:
//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));
});