当键盘重叠输入时,Ionic Form不会向上滑动

时间:2017-05-09 15:19:35

标签: ionic-framework

我在Ionic中开发了以下登录页面:   

<form name="login_form" class="form-container" novalidate>

  <div class="byf-logo">
    <img src="img/logo-text-clear-transparent.png" />
  </div>

  <div class="list list-inset byf-login-form">
    <label class="item item-input">
      <img src="img/icons/person.png" alt="">
      <input type="email" placeholder="Email" ng-model="user.email" required>
    </label>
    <label class="item item-input">
      <img src="img/icons/locker.png" alt="">
      <input type="password" placeholder="Password" ng-model="user.password" required>
    </label>
    <button class="button button-block button-assertive" ng-click="login(user)" ng-disabled="login_form.$invalid">CONNEXION</button>
  </div>



</form>

<div ng-show="error">
  <p class="message error"><i>{{error}}</i></p>
</div>

我希望当密码输入(第二个输入)处于焦点时,表单会稍微向上滑动,因为键盘会重叠: enter image description here

在没有编写任何特定代码的情况下,它在另一个页面中完美运行,所以我猜这是默认行为。

知道它为什么不在这里滑动?

1 个答案:

答案 0 :(得分:1)

我有同样的问题,我能让它工作的唯一方法如下

int color = Color.CYAN;
View navView = findViewById(R.id.nav_view);
View header = navView.getHeaderView(0);
header.setBackgroundColor(color);