I am trying to have ion-infinite-scroll
work for a horizontally scrolled section.
I made the horizontal section work with ion-scroll
and I am trying to get infinite scrolling work with the ion-infinite-scroll
component.
The problem is that it seems to only be responding to the content section scroll. Is there a way to bind it to the ion-scroll part?
I have tried inserting it inside with no luck.
<ion-scroll scrollX="true" class="item" style="overflow: scroll;white-space: nowrap; height: 100px">
<some_horizontal_img/>
<ion-infinite-scroll (ionInfinite)="doInfinite($event)">
<ion-infinite-scroll-content>
<some_horizontal_img/> <!-- empty placeholder -->
</ion-infinite-scroll-content>
</ion-infinite-scroll>
</ion-scroll>