Skip to content

Instantly share code, notes, and snippets.

@kehr
Forked from davidtheclark/isElementInViewport.js
Created January 4, 2018 04:59
Show Gist options
  • Save kehr/0961de4f2e852642c8b6e5ef71016115 to your computer and use it in GitHub Desktop.
Save kehr/0961de4f2e852642c8b6e5ef71016115 to your computer and use it in GitHub Desktop.
JavaScript: Is element in viewport?
/*
No jQuery necessary.
Thanks to Dan's StackOverflow answer for this:
http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport
*/
function isElementInViewport(el) {
var rect = el.getBoundingClientRect();
return (
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= (window.innerHeight || document. documentElement.clientHeight) &&
rect.right <= (window.innerWidth || document. documentElement.clientWidth)
);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment