我有一个显示照片的简单全屏页面,您可以输入 Headers . 我遇到的麻烦是,当我专注于输入框时,页面会滚动并移除一半图像 .
<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>
我希望离子内容不要滚动,但是文本框(内部图像 Headers 组件)在聚焦时会出现 . 我在 ion-content
尝试了 no-scroll
和 no-bounce
. 我也尝试过本机键盘方法来禁用滚动 this.keyboard.disableScroll(true);
我可以禁用一个项目的滚动吗?我在这里看到的另一个解决方案是禁用滚动并切换到输入框的位置以显示键盘的显示时间 .
1 回答
结束使用变换来缩放图像,但问题似乎已得到解决 .