javascript - ionic 内容中的 ionic 5 页 div 不在 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>

垂直和水平滚动在 android 手机上都可以正常工作。
问题:垂直和水平滚动不适用于所有 iPhone。可能有什么问题？

软件版本:
ionic 框架 - 5.x
Angular - 9.0.5

Answer 1

什么解决了我...在CSS文件中，检查您是否使用滚动溢出隐藏。它可能会导致冲突，因此请将其注释掉。

ion-content {
  --overflow: hidden;
}