Infinite Scrolling
You are reading an outdated document
Get the latest developer guides on Fynd Partners Help
fdk-infinite-scrolling
This component is used to provide the functionality of infinite scroll on any listing page, so that the page can load in mean time in parts, whenever the user will scroll to a certain threshold to call next page. This component contains the functions for listing scroll events.
This component can also be paired with other action components to provide custom infinite scrolling support.
Props
Key | Type | Description |
---|---|---|
loadingData | boolean | this check whether the api call is in progress or not, hence to prevent another api call when window reaches the next threshold to emit next infinite scroll call. |
loadMore | event | this event is emitted when the loadingData is in false state, hence begin the next api call on further scroll |
Example
You can use this action component using the following code block as reference:
<fdk-infinite-scrolling
@loadmore="loadMoreData()"
:loadingData="loading">
<template>
//any listing code
</template>
</fdk-infinite-scrolling>