Infinite scroll not scrolling

Hi everyone,

I am working with the component infinite scroll and sometimes it doesn’t work (don’t appear and scroll) when I know there are more results to show.

What can be happening?

Thank you very much in advance.

Does the console show any errors?

in your .ts should add this

doInfinite(infiniteScroll) {;
this.infiniteScroll = infiniteScroll;
this.carregarFilmes(true); // your function for
load more itens

in your .html should add this

<ion-infinite-scroll (ionInfinite)=“doInfinite($event)”>



within its function of loading items, you must put another to display the loading image and when you load the items, you call another function to close the loading.

1 Like

Thank you so much for your response Lucas098.

In my .ts I have something like this:

infiniteScrollLoadingData(infiniteScroll: InfiniteScroll) {
    if (this.list.length >= this.resultsNumber) {
    } else {
      this.queryProvider.query(, false).subscribe(
        (response: any) => {
          response.extractList.forEach((element) => {
 = + 1;
        (error) => {
          console.log("Error! -->", error);

And my .html is something like this:

<ion-infinite-scroll (ionInfinite)="infiniteScrollLoadingData($event)" threshold="5%">
  <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="{{'app.loadingData' | translate}}"></ion-infinite-scroll-content>

The infinite scroll is inside an ion-content after an ion-grid.

The problem is that sometimes the page does not recognize the infinite scroll. I also have to say that the page have its own scroll and this infinite scroll.

Thank you so much.