Ионная 3-карточная горизонтальная прокрутка, только прокрутка работает по нижнему краю

Question

Я использую Ionic 3 для разработки своего мобильного приложения, и на домашней странице у меня есть три раздела, в которых используется ion-scroll, и он отображается в приложении. Единственная проблема в настоящее время заключается в том, что она, кажется, прокручивается только на горизонтальной полосе прокрутки, а не при перемещении карточек влево или вправо.

  <ion-scroll scrollX="true"  style="width:100vw; height:150px">
<div class="inner">
  <ion-card *ngFor="let article of latestNews" (tap)="newsArticleTapped($event, article)">
  <ion-card-content>
      <img [src]="article.featured_image" class="latest-news-image" style='height: 100%; width: 100%; object-fit: cover'/>
    <p class="card-text">{{ article.title }}</p>
  </ion-card-content>
</ion-card>
</div>

--- CSS

  ion-scroll {
    max-height: 160px;
    height: 160px;
    white-space: nowrap;

    .scroll-content {
      padding: 0px !important;

    }
  }