react-scrolled-in

1.0.4 • Public • Published

react-scrolled-in Build Status

Detect if an element is scrolled into view. Window or container scrolling. Just a render prop. 4kb.

It just calls a render prop with a visible boolean, nothing more.

import ScrolledIn from 'react-scrolled-in'
 
ReactDOM.render(
  <SrolledIn
    scrollElement={node => node.parentNode.parentNode}
    render={({ visible }) => <p>{visible ? 'In View!' : 'Out of view'}</p>}
  />,
  document.body
)

More documentation coming soon...

License

MIT © Andrew Joslin

Package Sidebar

Install

npm i react-scrolled-in

Weekly Downloads

17

Version

1.0.4

License

MIT

Unpacked Size

11.8 kB

Total Files

9

Last publish

Collaborators

  • andytjoslin