What is this?
To handle infinite scroll with a simple, lightweight and high responsive manner with this infinite-scroll-package.
Installation
npm i react-horizontal-infinite-scroll --save
yarn add react-horizontal-infinite-scroll
How to use
import InfiniteScroll from 'react-horizontal-infinite-scroll';
<InfiniteScroll
mainWrapper={<div className='infinite-scroll-wrapper' />}
loader={<div/>}
dipatchScroll={(scrollInfo={}) => {}}
>
{children} //<-- All the children elements which are used to load under the scroll wrapper.
</InfiniteScroll>
Props
- mainWrapper (Required) - The wrapper element for the Infinite scroll.
- loader (Required) - Loader component which is used to show the loading state for infinite scroll.
- dipatchScroll (Required) - Callback event for identify and update the children for each scroll end.