ionic cordova应用程序不断在输入焦点上推动屏幕

时间:2018-11-09 18:13:55

标签: android cordova ionic-framework

无论何时我尝试填写任何输入内容,我的应用程序都会不断跳起来。 这似乎发生在我的应用程序的任何输入中,当键盘出现时,屏幕被向上推,整个屏幕向上移动。

如何纠正?  我还注意到,屏幕顶部的输入不会造成任何伤害 但如果是中间或下方的输入,则会导致屏幕上升

我已经在config.xml文件中包含以下内容:

 <preference name="SplashScreen" value="screen" />
    <preference name="KeyboardDisplayRequiresUserAction" value="false" />
    <preference name="StatusBarStyle" value="#000000" />
    <preference name="UIWebViewBounce" value="false" />
    <preference name="KeyboardResize" value="false" />
    <preference name="webviewbounce" value="false" />
    <preference name="DisallowOverscroll" value="true" />
    <preference name="Orientation" value="portrait" />
    <preference name="fullscreen" value="false" />
    <preference name="target-device" value="universal" />
    <platform name="ios">
        <preference name="KeyboardResize" value="false" />
        <preference name="Orientation" value="portrait" />
        <preference name="KeyboardDisplayRequiresUserAction" value="false" />
    <platform name="android">
        <preference name="KeyboardResize" value="false" />
        <preference name="KeyboardDisplayRequiresUserAction" value="false" />

我的输入用于输入密码和代码,如下所示:

 <div class="loginForm">
    <input ng-disabled="authenticate" name="password" id="login_password" type="text" inputmode="numeric" placeholder="" required minlength="8" maxlength="8" ng-maxlength="8" autocomplete="off" autocorrect="off" autocapitalize="off" ng-model="login.Password" class="textInput" style="-webkit-text-security: disc; text-security: disc;">

此输入的css仅是:

.loginBox .loginForm {width: 100%;display: flex;flex-direction: column;}
.textInput {font-size: 18px;}
.loginForm {position: relative;}

此外,在浏览器上调试时,我可以更改此特定行的值:

我的离子

<ion-content class="loginBg" scroll="true" padding="true" has-header="false" has-bouncing="false">

0 个答案:

没有答案