Infinite scroll position not working

I am using the infinite scroll in Ionic 4 component to make the chat page. It works fine , except it never detects the scroll upwards as it should do:

<ion-infinite-scroll threshold="100px" position="top" (ionInfinite)="loadMoreMessages($event)">
      <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data...">
      </ion-infinite-scroll-content>
    </ion-infinite-scroll>

It always starts the loadMoreMessages function when i scroll to the bottom. I have placed the code for the component at the top, as well as setting the position attribute as ‘top’ - nothing works.

1 Like

I’m facing same issue, did you find a workaround?