react-scroll-captor

KO | EN

gitlite — search

#hacktoberfest #react #ai #go #golang #rust #deep-learning #macos #awesome #kubernetes #vue #pytorch #ios #openai

react-scroll-captor

(★ 27)

📜 Restrict scroll events to the immediate child

react-scroll-captor 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 📜 React Scroll Captor

A component that confines scroll events to its immediate child. Great for dropdown menus etc.

### Install

```bash
yarn add react-scroll-captor
```

### Use

```jsx
import ScrollCaptor from 'react-scroll-captor';

class GroovyThing extends Component {
  atBottom = () => {
    // user has scrolled to the bottom
  }
  render () {
    return (
      <ScrollCaptor onBottomArrive={this.atBottom}>
        <ScrollableElement />
      </ScrollCaptor>
    );
  }
}
```

### Props

| Property         | Type       | Default    | Description |
| ---------------- | ---------- | ---------- | ----------- |
| `isEnabled`      | `boolean`  | `true` | Enable or disable the component. |
| `onBottomArrive` | `function` | --     | Called when the user reaches the bottom of the scrollable element. |
| `onBottomLeave`  | `function` | --     | Called when the user leaves the bottom of the scrollable element. |
| `onTopArrive`    | `function` | --     | Called when the user reaches the top of the scrollable element. |
| `onTopLeave`     | `function` | --     | Called when the user leaves the top of the scrollable element. |

react-scroll-captor

react-scroll-captor 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

react-scroll-captor

react-scroll-captor 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README