无论何时我尝试填写任何输入内容,我的应用程序都会不断跳起来。 这似乎发生在我的应用程序的任何输入中,当键盘出现时,屏幕被向上推,整个屏幕向上移动。
如何纠正? 我还注意到,屏幕顶部的输入不会造成任何伤害 但如果是中间或下方的输入,则会导致屏幕上升
我已经在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">