doubleyoustew soerenkampschroer

jjmu15 / in_viewport.js

Created January 27, 2014 10:19

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
	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)
	);