イオン入力を使用すると、イオン2ページがiOSで上下にジャンプします

Question

このイオンバージョンを使用します。

Cordova CLI: 6.2.0 
Ionic Framework Version: 2.3.0 
Ionic CLI Version: 2.1.18 
Ionic App Lib Version: 2.1.9 
Ionic App Scripts Version: 1.3.2 
Node Version: v7.4.0 

ここにコードがあり、その目的はユーザーが情報を入力して送信することです。

<ion-content> 

<ion-list *ngIf="isTest"> 
<ion-input> </ion-input> 
<ion-input> </ion-input> 
<ion-input> </ion-input> 
</ion-list> 

<button ion-button>Submit</button> 
</ion-content> 

は、Android上では働いていますが、私はiOSの上でそれをテストするとき、私はイオンの入力をクリックすると、ページが跳ね上がり、どのダウンですべての良いUXではありません。任意のアイデアiOS上でこの問題を解決する方法？

これは問題のビデオ例です。 drive.google.com/open?id=0B22-s3eK4PTLWXpNMk1tbzdjcGs

Answer 1

いくつかの研究の後、私は私の問題の答えを見つけました。他の誰かがこのような問題を抱えている場合は、app.component.tsファイルにこの行を追加する必要があります。

constructor(private config: Config) { 
    this.config.set("scrollPadding", false); 
    this.config.set("scrollAssist", false); 
    this.config.set("autoFocusAssist", true); 

    this.config.set("android", "scrollAssist", true); 
    this.config.set("android", "autoFocusAssist", "delay"); 
} 

これは、iOSとAndroidの問題を解決しました。

Answer 2

ion-inputのように、イオンアイテムの中のドキュメントにあるようにしてください。

<ion-item> 
    <ion-label stacked>Name</ion-label> 
    <ion-input type="text"></ion-input> 
</ion-item> 

あなたがion-labelをしたくない場合はそれを削除してion-inputに属性としてitem-contentを追加します。

ion-itemを使用すると、Ionicは入力を挿入する場所にいくつかのクラスとコンポーネントを自動的に追加します。不必要な場合、このコンポーネントが不足している可能性があります。

これが役に立ちます。

Answer 3

@djumerkoが正しいです。ほんの少しの変更。ここで

が私のためにどのような作品です：

this.config.set("ios", "scrollPadding", false); 
    this.config.set("ios", "scrollAssist", false); 
    this.config.set("ios", "autoFocusAssist", true); 

    this.config.set("android", "scrollAssist", true); 
    this.config.set("android", "autoFocusAssist", "delay");