A React component to execute a function whenever you scroll to an element. React Waypoint can be used to build features like lazy loading content, infinite scroll, or docking elements to the viewport on scroll.
Inspired by Waypoints, except this little library grooves the React way.
Examples
Documentation
Installation
npm install react-waypoint --save
Usage
var Waypoint = require('react-waypoint');
<Waypoint
onEnter={this._handleWaypointEnter}
onLeave={this._handleWaypointLeave}
/>
Prop types
propTypes: {
onEnter: PropTypes.func, // function called when waypoint enters viewport
onLeave: PropTypes.func, // function called when waypoint leaves viewport
},
Credits
Credit to trotzig and lencioni for writing this component, and the Brigade team for open sourcing it.
Thanks to the creator of the original Waypoints library, imakewebthings.