React OnVisible Component

Description:

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

Add Comment