首页 > 解决方案 > ionic cordova 应用程序在输入焦点上不断向上推屏幕

问题描述

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

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

我已经在我的 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">

标签: androidcordovaionic-framework

解决方案


推荐阅读