title: Ionic 5 page div in ion-contents not scrolling on iphone
body: <p>My app has a <code>div</code> element which holds an <code>ion-slides</code> item.<br>
   <code>ion-slides</code> has a number of <code>ion-slide</code> that slides horizontally. Below is my code  </p>
  
  <pre><code>&lt;ion-content [scrollEvents]="true"&gt;
          &lt;div *ngFor="let item of (homePageSalons | async)"&gt;
            &lt;ion-list-header class="ion-text-center"&gt;{{ item.name }}&lt;/ion-list-header&gt;
            &lt;ion-slides [options]="slideOptions"&gt;
              &lt;ion-slide *ngFor="let salonItem of item.salons"&gt;
                &lt;ion-card&gt;
                  &lt;ion-card-content&gt;
                    &lt;ion-img [src]="salonItem.logo_url" *ngIf="salonItem.logo_url != 'N/A'" &gt;&lt;/ion-img&gt;
                    &lt;p class="ion-text-center"&gt;{{salonItem.name}}&lt;/p&gt;
                    &lt;p class="ion-text-center"&gt;{{salonItem.address}}&lt;/p&gt;
                    &lt;ion-button (click)="navigateToDetailsPage(salonItem.salon_id)" class="ion-text-center" expand="block" shape="round"
                      size="medium"&gt;Book Now&lt;/ion-button&gt;
                  &lt;/ion-card-content&gt;
                &lt;/ion-card&gt;
  
              &lt;/ion-slide&gt;
            &lt;/ion-slides&gt;
          &lt;/div&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <p>Both vertical and horizontal scrolling works fine on android phone.<br>
  <strong>Problem:</strong> The vertical and horizontal scrolling does not work on all iPhone. What could be wrong?  </p>
  
  <p>Software versions:<br>
  <em>ionic-framework - 5.x<br>
  Angular - 9.0.5</em></p>