ion-infinite-scroll.
The InfiniteScroll component holds an infinite scroll logic and requires a child InfiniteScrollContent component in order to display its content.
It allows you to perform a given task when the user scrolls a specified distance from the bottom or top of the page.
To do so, add the ionInfinite Event to your InfiniteScroll with a CustomAction inside.
Copy/paste below code in your action and add yours.
<pre>//disable scroll
event.enable(false);
let isOK = true; //TODO: add your code //get next items and push them //… if (isOK) { //enable scroll event.enable(true); }
//specify loading is complete
event.complete();
resolve();
</pre></code>
For more information: InfiniteScroll.
Name | Description |
---|---|
Enabled | Define whether or not the infinite scroll should be enabled or not. |
Position | Define the position of the infinite scroll element. |
Threshold | Define the threshold distance in percents or pixels, from the bottom of the content. |
Comment | Describes the object comment to include in the documentation report. This property generally contains an explanation about the object. |
Identifier | Defines the component identifier. |
Is active | Defines whether the component is active. |