inview

😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).

Detect when element scrolled to view

Check if an element is visible in the viewport.

An easy-to-use React hook that tells you whether a component/element is visible on the viewport currently, and if yes, how much of it is visible.

inView.js is a simple jQuery function that can quickly detect if an element or group of elements is visible in the main viewport (window object). It will consider element’s position and dimensions, compared to dimension and scroll position of window.