Question

首先看代码：

<ion-row>
    <ion-col col-6>
      <ion-input placeholder="First Name" [value]="fName" [(ngModel)]="fName"></ion-input>
    </ion-col>
    <ion-col col-6>
      <ion-input placeholder="Last Name" [value]="lName" [(ngModel)]="lName"></ion-input>
    </ion-col>
  </ion-row>

  <ion-row>
    <ion-col col-12>
      <ion-input type="email" [disabled]="emailDisabled" placeholder="Email" [value]="email" [(ngModel)]="email"></ion-input>
    </ion-col>
  </ion-row>

  <ion-row>
    <ion-col col-12>
      <ion-input type="tel" maxlength="10" placeholder="Mobile Number" [value]="mobile" [(ngModel)]="mobile"></ion-input>
    </ion-col>
  </ion-row>

问题是：当任何离子输入聚焦时？键盘出现，它隐藏在键盘下方。我希望它在键盘上滚动，以便它保持可见。我怎样才能做到这一点？

EDIT1：当我开始在输入字段中输入时，它向上滚动＆amp;可见。

由于

Answer 1

我在Android和Android上遇到同样的问题从以下关于git的帖子中解决这个bug

Ionic 2 On-Screen Keyboard Covers Focused Input Element Inside Grid Component

我解决了添加 style position: initial to ion-col 元素的问题。

离子输入隐藏在键盘下方 - 离子2

1 个答案: