react-scroll-captor

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

MIT 2 个版本

react scroll scroll-captor scroll-capture scroll-lock scroll-handler

主页

仓库

提交 Issue

安装

npm install react-scroll-captor

yarn add react-scroll-captor

pnpm add react-scroll-captor

bun add react-scroll-captor

README

React Scroll Captor

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

Install

yarn add react-scroll-captor

Use

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

安装

README

React Scroll Captor

Install

Use

Props

版本列表