Ionic3 - 単一のhtmlアイテムのスクロールを避けるにはどうすればよいですか？

Question

私は写真を表示するシンプルなフルスクリーンページを持っており、キャプションを入力することができます。私が抱えている問題は、入力ボックスに注目すると、ページがスクロールしてイメージの半分が削除されるということです。

<ion-content fullscreen [ngClass]="{'focus': focus, 'focus-out': !focus}" class="focus" [ngStyle]="{'background-image': 'url(' + image + ')'}" no-border> 
    <div class="gradient"></div> 
</ion-content> 

<ion-footer> 
    <ion-toolbar color="transparent"> 
     <ion-grid> 
      <ion-row> 
       <ion-col col-10> 
        <image-caption (caption)="saveCaption($event)" (focusIn)="focus = true" (focusOut)="focus = false"></image-caption> 
       </ion-col> 
      </ion-row> 
     </ion-grid> 
    </ion-toolbar> 
</ion-footer> 

イオンの内容をスクロールしないようにしたいが、フォーカスしたときにテキストボックス（画像キャプションのコンポーネント内）を表示したい。私はion-contentにno-scrollとno-bounceを試しました。スクロールを無効にするネイティブキーボードの方法を試しましたthis.keyboard.disableScroll(true);

1つの項目でスクロールを無効にすることはできますか？他の解決策は、スクロールを無効にして、キーボードが表示されたときに表示する入力ボックスの位置を変更することです。

Answer 1

変換を使用してイメージを拡大縮小しても問題は解決したようです。