Skip to content

Instantly share code, notes, and snippets.

@souljorje
Last active December 27, 2017 11:17
Show Gist options
  • Save souljorje/8810f247c10d674f098baefc2f88338b to your computer and use it in GitHub Desktop.
Save souljorje/8810f247c10d674f098baefc2f88338b to your computer and use it in GitHub Desktop.
Check if element is in viewport
const inViewport = (element) => {
const rect = element.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() */
);
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment