Прокрутка X невозможна на iOS

Question

При загрузке экрана на iOS прокрутка по оси X невозможна на iOS. Нет проблем на Android. При нажатии на кнопку, которая обновляет данные, на экране снова возможна прокрутка.

У кого-нибудь есть идеи, что может вызвать это?

<div class="container">
    <!--  CONTENT -->
    <div class="scroll-container">
        <!-- CONTENT-->
    </div>
</div>

CSS

.container {
    overflow-y: scroll;
    width: 100%;
    position: absolute;
    overflow-x: scroll;
  }
  .scroll-container {
    min-width: 100%;
    overflow: scroll;
    overflow-y: hidden;
   -webkit-overflow-scrolling: touch;
    display: inline-block;
    padding-bottom: 50px;
  }

Answer 1

Согласно документам вы можете добавить секцию прокрутки в вашем контенте, используя ion-scroll:

ion-scroll

Scroll - это не прокручиваемая область прокрутки, которая может прокручиваться горизонтально или вертикально. ion-scroll Может использоваться в местах, где вам может не понадобиться полностраничный скроллер, но сильно настраиваемый, например скруббер изображений или прокрутка комментариев.

<ion-scroll scrollX="true" scrollY="true">
    <!-- ... --> 
</ion-scroll>

Источник демонстрации:

<ion-header>

  <ion-navbar>
    <ion-title>Scroll</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>

  <ion-scroll scrollX="true" scrollY="true" style="width: 100%; height: 100%">
    <div class="map-div"></div>
  </ion-scroll>

</ion-content>


<style>
  .map-div {
    width: 2600px;
    height: 1400px;
    background: url('./assets/map.jpeg') no-repeat;
  }
</style>