Skip to content

Instantly share code, notes, and snippets.

@jsakhil
Created July 5, 2021 13:40
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jsakhil/9350fcb2cde5e34aba28e3f3578e4f16 to your computer and use it in GitHub Desktop.
Save jsakhil/9350fcb2cde5e34aba28e3f3578e4f16 to your computer and use it in GitHub Desktop.
jQuery function to determine if an element is positioned within the viewport.
function isOnScreen(elem) {
if( elem.length == 0 ) {
return;
}
var $window = jQuery(window)
var viewport_top = $window.scrollTop()
var viewport_height = $window.height()
var viewport_bottom = viewport_top + viewport_height
var $elem = jQuery(elem)
var top = $elem.offset().top
var height = $elem.height()
var bottom = top + height
return (top >= viewport_top && top < viewport_bottom) ||
(bottom > viewport_top && bottom <= viewport_bottom) ||
(height > viewport_height && top <= viewport_top && bottom >= viewport_bottom)
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment