Проблемы с клавиатурой в Ionic3

Question

У меня проблема с клавиатурой.У меня есть страница со списком, содержащим 5 полей ввода.Когда клавиатура показывает, страница открывается вверх, а когда клавиатура прячется, положение страницы остается прежним.Когда я проверяю это, показывает, что присутствует padding-bottom:300px даже после того, как клавиатура скрывается.Есть ли решение для того же?Пожалуйста, найдите HTML-код ниже

<ion-content padding #content>
<img src="assets/imgs/ic_tutorial_three.png" style="height:150px;width:150px">
<ion-card>
  <ion-item>
      <ion-avatar item-end class="margin-bottom-none" *ngIf="validCurrentKey">
          <img src="assets/imgs/ic_tick.png" class="tick-button">
        </ion-avatar>
    <ion-label color="primary" stacked>Your Current PIN</ion-label>
    <ion-input type="password" placeholder="PIN" (ionChange)='checkCurrentPassword($event)'></ion-input>
  </ion-item>
  <ion-item >
    <ion-label color="primary" stacked>Enter Your New PIN</ion-label>
    <ion-input type="password" placeholder="PIN"  [(ngModel)]="newPin"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label color="primary" stacked>RE-Enter Your New PIN</ion-label>
    <ion-input type="password" placeholder="PIN"  (ionChange)="validateNewPassword($event)"></ion-input>
  </ion-item>
</ion-card>
<div class="bottom-button"> 
    <button ion-button round full class="submit-button"  (click)="goBack()" >UPDATE PIN</button>
</div>

У меня возникла та же проблема с этим вопросом ionic 3 -Клавиатура поднимает весь экран вверх

Answer 1

Это происходит из-за прокрутки, когда поле ввода становится сфокусированным.

Чтобы отключить прокрутку, когда фокус ввода находится, добавьте следующий код в файл "app.module.ts" вашего проекта:

imports: [
    IonicModule.forRoot(MyApp, {
        scrollPadding: false,
        scrollAssist: false, 
        autoFocusAssist: false
    }),
    ...
],

Также проверьте следующую ссылку для подробного объяснения: https://stackoverflow.com/a/41163695/6862286