1.0.5 • Published 5 years ago
react-scroll-edge-detector v1.0.5
React Scroll Edge Detector
Demo
Props
Prop | Default | Type | Description |
---|---|---|---|
onBottomReached | - | function | the function triggered when the bottom of the component has reached the bottom of the page |
blockCb | undefined | boolean | the condition when the onBottomReached is blocked |
debounce | 500 | number | debounce parameter in ms |
throttle | 200 | number | throttle parameter in ms |
offset | 10 | number | offset in px |
styles | undefined | object | extra styling |
initialCheck | undefined | boolean | onBottomReached is called multiple times to fill in the whole height of the page (the onBottomReached must return a promise) |
Example
import BottomEdgeDetector from 'react-scroll-edge-detector';
<BottomEdgeDetector
onBottomReached={this.handleLoadMore}
blockCb={this.loading}
debounce={500}
throttle={200}
offset={10}
>
<SomeOtherComponent/>
</BottomEdgeDetector>