小编典典

当软键盘出现在phonegap中时,输入字段隐藏

css

使用适用于Android和iOS的Phonegap 3.6.3创建移动应用程序。问题仅适用于Android,因为iOS的运行方式符合我的期望。

当我单击输入文本字段或文本区域时,将出现软键盘。它有时涵盖这些元素。

这些页面被放置在iScroll的底部,并位于另一个绝对放置的div中,因此,一旦屏幕弹出,我将无法滚动到其中任何一个页面。我怀疑键盘抬起时必须将Webview更改为较小。但是,尝试了许多事情之后,它不起作用了。

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尝试了许多不同的值)

    <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" />

(是的,我也尝试了许多其他事情)

您可能认为相关的任何其他事项,请告诉我。不幸的是,我没有分享太多代码的自由,但是据我了解,这就是我们需要担心的。

谢谢,


阅读 282

收藏
2020-05-16

共1个答案

小编典典

从config.xml中删除此行

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

并将“网页标题”中的行更改为

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