@wbe/use-is-in-viewport

This React hook allow to check if a specific ref element is visible in viewport.

Installation

$ npm install -s @wbe/use-is-in-viewport

How to use

import { useIsInViewport } from "@wbe/use-is-in-viewport;";

// Get element ref
const ref = useRef(null);

// Check if is in viewport (hook return boolean)
const isInViewport = useIsInViewport(ref);

return <div ref={ref} />;

Parameters

params	type	description	default value
pRef	MutableRefObject	element ref	/
pToogleVisibility	boolean	Repeat the check visibility even if ref element visibility is already passed to true	false
pOffset	number	Define a positive or negative offset to the ref element	0

Returned

Hook return a boolean.