我已经广泛研究了解决这个问题的方法,我已经尝试了很多建议,但尚未解决问题。我有一个Ionic 1(1.7.16)应用程序,它有一个包含输入字段的登录页面。当用户点击输入字段时,页面上的内容被推出视图之外。然后当键盘关闭时,内容会自动对齐。
我已经安装了离子键盘并实现了cordova.plugins.keyboard.disablescroll(true),但这不起作用。
这是我的函数在离子准备就绪时运行的一个例子
<ion-view view-title="Login" align-title="left">
<ion-content class="loginBackground">
<div class="hero no-header flat">
<div class="content">
<div class="app-icon"></div>
<h1>TEST</h1>
</div>
</div>
<div class="padding">
<button class="button button-block icon-left ion-social-facebook button-positive" ng-click="facebookSignIn()">Login with Facebook</button>
</div>
<div class="list list-inset">
<label class="item item-input">
<input type="text" placeholder="Username" ng-model="data.name">
</label>
<label class="item item-input">
<input type="password" placeholder="Password" ng-model="data.password">
</label>
</div>
<div class="padding">
<button class="button button-block button-positive" ng-click="login()">Login</button>
</div>
<!--Register Now button-->
<div class="register">
<button class="button button-block button-clear hide-on-keyboard-open" ng-click="register()">Not signed up? Register now!</button>
</div>
<!--END Register Now button-->
</ion-content>
})
这是登录页面:
{{1}}
有什么想法吗?