React OnVisible Component

This is a higher order react component that applies the css class visible to the container when the element becomes more than 50% visible in the browser viewport.

Viewport visibility is calculated by listening to a debounced window scroll event (10ms), and once the element has been found to be visible, no further changes are applied.

Preview:

react-onvisible-component

Download Details:

Author: dazld

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/dazld/react-on-visible

License: MIT

You Might Be Interested In:

Add Comment