当软键盘出现在PhoneGap的输入栏中隐藏 [英] input field hidden when soft keyboard appears in phonegap

问题描述

创建使用PhoneGap的3.6.3 Android和iOS移动应用程序。问题是只针对Android，iOS的作为行为，我想它。

Creating a mobile application using Phonegap 3.6.3 for Android and iOS. The problem is only for Android, as iOS acts as I would like it to.

当我点击一个输入文本字段或文本区域，将出现一个软键盘。它涵盖了这些元素的时候。

When I click on an input text field, or a textarea, a soft keyboard appears. It covers these elements sometimes.

这些页面被放置在一个iScroll内，就在底部，而另一个绝对放在分区，因此我不能滚动到其中任一曾经的屏幕上弹出。我怀疑我要改变的WebView要小一些，当键盘出现。然而，尝试很多事情之后，它不能正常工作。

The pages are placed within a iScroll, right at the bottom, and another absolute-placed div, thus I cannot scroll to either of these once the screen pops up. I suspect I have to change the webview to be smaller when the keyboard comes up. However, after trying many things, it isn't working.

config.xml中

    <preference name="permissions" value="none" />
    <preference name="phonegap-version" value="3.5.0" />
    <preference name="orientation" value="default" />
    <preference name="target-device" value="universal" />
    <preference name="fullscreen" value="false" />
    <preference name="webviewbounce" value="true" />
    <preference name="prerendered-icon" value="false" />
    <preference name="stay-in-webview" value="false" />
    <preference name="ios-statusbarstyle" value="black-opaque" />
    <preference name="detect-data-types" value="true" />
    <preference name="exit-on-suspend" value="false" />
    <preference name="show-splash-screen-spinner" value="false" />
    <preference name="auto-hide-splash-screen" value="false" />
    <preference name="disable-cursor" value="false" />
    <preference name="android-minSdkVersion" value="13" />
    <preference name="android-windowSoftInputMode" value="adjustResize|stateHidden" />
    <preference name="android-installLocation" value="auto" />
    <preference name="SplashScreen" value="splash" />

（曾尝试过许多不同的价值观为Android-windowSoftInputMode，按照下面的例子）

(have tried many different values for android-windowSoftInputMode, as per example below)

    <preference name="android-windowSoftInputMode" value="stateVisible|adjustResize|adjustPan" />

网页头部

    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />

（是的，我试过很多其他事情也是如此）

(yes, I've tried many other things too)

其他任何你可能会认为是相关的，请让我知道。不幸的是，我不能随意分享太多的code，但是从我的理解，这就是我们需要担心。

anything else you may perceive as relevant, please let me know. Unfortunately, I'm not at liberty to share too much of the code, but from my understanding that's all we need to worry about.

谢谢

推荐答案

删除此行从config.xml中

Remove this line from config.xml

<preference name="android-windowSoftInputMode" value="adjustResize|stateHidden" />

和改变网页的头行了。

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />

这篇关于当软键盘出现在PhoneGap的输入栏中隐藏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！