Ionic3 - 如何避免滾動單個HTML項目？

我有一個顯示照片的簡單的全屏頁面，您可以輸入標題。我遇到的麻煩是，當我專注於輸入框時，頁面滾動，圖像的一半被刪除。Ionic3 - 如何避免滾動單個HTML項目？

<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);

我可以禁用一個項目上的滾動嗎？我在這裏看到的另一個解決方案是禁用滾動並更改爲輸入框的位置以顯示鍵盤顯示的時間。

來源

2017-09-16 Xerri

你在爲android建設嗎？ – Alberick0

請問您可以添加一個問題的GIF？因爲有幾個與鍵盤相關的問題，並且還有幾種方法來解決它... – sebaferreras

這是在iOS上，從未在Android上嘗試過。 – Xerri

結束使用變換縮放圖像，但問題似乎解決。

來源

2017-09-18 18:48:24 Xerri

Ionic3 - 如何避免滾動單個HTML項目？

回答

相關問題