Ionic 5页div在ion内容中没有在iphone上滚动

Question

我的应用程序有一个div元素，它包含一个ion-slides项
ion-slides具有多个水平滑动的ion-slide。下面是我的代码

<ion-content [scrollEvents]="true">
<div *ngFor="let item of (homePageSalons | async)">
<ion-list-header class="ion-text-center">{{ item.name }}</ion-list-header>
<ion-slides [options]="slideOptions">
<ion-slide *ngFor="let salonItem of item.salons">
<ion-card>
<ion-card-content>
<ion-img [src]="salonItem.logo_url" *ngIf="salonItem.logo_url != 'N/A'" ></ion-img>
<p class="ion-text-center">{{salonItem.name}}</p>
<p class="ion-text-center">{{salonItem.address}}</p>
<ion-button (click)="navigateToDetailsPage(salonItem.salon_id)" class="ion-text-center" expand="block" shape="round"
size="medium">Book Now</ion-button>
</ion-card-content>
</ion-card>
</ion-slide>
</ion-slides>
</div>
</ion-content>

垂直和水平滚动在安卓手机上都能很好地工作
问题：垂直和水平滚动并非适用于所有iPhone。可能出了什么问题？

软件版本：
ionic framework-5.x
Angular-9.0.5

Answer 1

我解决了什么…在CSS文件中，检查是否使用隐藏的滚动溢出。它可能会引起冲突，所以请对此进行评论。

ion-content {
--overflow: hidden;
}