🖲 React Scrollr

This package contains all the tools you need to handle scroll events at scale.

React Scrollr uses a callback pattern in conjunction with context hooks in order to keep your code clean while also avoiding re-rendering of your components

Usage Examples

You can create animations whenever an element enders or leaves the viewport

Scrollable Content

Scrollable Content

Scrollable Content

Scrollable Content

Scrollable Content

Scrollable Content

Scrollable Content

Scrollable Content

Scrollable Content

Scrollable Content

You can keep track of the current scroll position of the Window or any scrollable container

Scrollable Content

Current Position: 0px

Previous Position: 0px

You can create animations based off of scroll events, such as headers

Header

Content

© 2022
🐞

Scroll Info

Scroll Position: 0.000000000px