Skip to content

Instantly share code, notes, and snippets.

@detj
Created November 7, 2014 02:49
Show Gist options
  • Save detj/a7179ce68da30b5340e8 to your computer and use it in GitHub Desktop.
Save detj/a7179ce68da30b5340e8 to your computer and use it in GitHub Desktop.
Check if a DOM element is within the viewport
function isElementInViewport (el) {
//special bonus for those using jQuery
if (typeof jQuery === "function" && el instanceof jQuery) {
el = el[0];
}
var rect = el.getBoundingClientRect();
return (
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */
rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */
);
}
@detj
Copy link
Author

detj commented Nov 7, 2014

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment