https://github.com/patmaz/react-scroll-edge-detector

infinite scroll component for react
https://github.com/patmaz/react-scroll-edge-detector

component reactjs scroll typescript

Last synced: 17 days ago
JSON representation

infinite scroll component for react

• Host: GitHub
• URL: https://github.com/patmaz/react-scroll-edge-detector
• Owner: patmaz
• Created: 2018-12-23T08:45:46.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2018-12-25T14:40:20.000Z (almost 6 years ago)
• Last Synced: 2024-10-17T10:54:05.665Z (about 1 month ago)
• Topics: component, reactjs, scroll, typescript
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/react-scroll-edge-detector
• Size: 124 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React Scroll Edge Detector

## Demo

[Codesandbox DEMO](https://codesandbox.io/s/wlmo3zrmw)

## 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';

    

```