Question

我正在开发一款平板电脑应用。在主页上，有一个用于登录详细信息的输入。此容器div是屏幕的整个宽度和高度。当用户点击键盘时，键盘会显示并占据屏幕的下半部分。我现在想让上半部分可滚动。

我写了一个phonegap插件来检测键盘显示的时间。在我的javascript中，我会监听键盘显示的事件，然后通过键盘的高度减小容器div的高度。我也有内部div设置为overflow: scroll。但是，当我这样做时，它仍然不可滚动。我正在研究Android 4.2.2。有什么想法吗？

Answer 1

我终于用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));
 });

Refer this post.

在键盘显示在phonegap Android应用程序中使div可滚动

1 个答案: