Thomas Bakker thmsbkkr

React Engineer @ Gorilla

thmsbkkr / in_viewport.js

Last active October 13, 2020 09:32 — forked from jjmu15/in_viewport.js

check if element is in viewport - vanilla JS. Use by adding a “scroll” event listener to the window and then calling isInViewport().

	// Determine if an element is in the visible viewport
	export default function isInViewport(element) {
	var rect = element.getBoundingClientRect();
	var html = document.documentElement;
	return (
	rect.top >= 0 &&
	rect.left >= 0 &&
	rect.bottom <= (window.innerHeight \|\| html.clientHeight) &&
	rect.right <= (window.innerWidth \|\| html.clientWidth)
	);