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>