iphone上不滚动离子内容的离子5页div

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>

在android手机上，垂直滚动和水平滚动都很好。

问题：垂直滚动和水平滚动并不适用于所有iPhone。有什么不对的？

软件版本：

离子-骨架- 5.x

角- 9.0.5

Answer 1

为我解决的..。在CSS文件中，检查是否使用滚动溢出隐藏。它可能会引起冲突，所以请评论一下。

ion-content {
  --overflow: hidden;
}