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项目？

回答

相关问题