[IONIC 4] - How to make infinite scroll with content scroll horizontal?

Ionic Framework ionic-v3
1

/MY VIEW/

<ion-content [scrollX]="true" [scrollEvents]="true" (ionScrollStart)="ionScrollStart()">

  <ion-row *ngFor="let i of items">
    <ion-list *ngFor="let t of time" class="time">
      <ion-col>
      </ion-col>
    </ion-list>
  </ion-row>
  
  <ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>

</ion-content>
2

Hey man, unfortunately you would have to do your own custom implementation to accommodation horizontal scrolling. There is a lot of magic going on to make infinite scroller (tracking position of elements and scroll etc) which make it hard to adopt it for horizontal scrolling.

3

Thanks man, I’ll do some research on the subject … :metal:

4

Hey, man. Have you found a solution for this?