Skip to content

Instantly share code, notes, and snippets.

@iambibhas
Created February 20, 2013 18:38
Show Gist options
  • Save iambibhas/4997904 to your computer and use it in GitHub Desktop.
Save iambibhas/4997904 to your computer and use it in GitHub Desktop.
This function checks if the given element is on screen. Needs $('#elem_id').
function isOnScreen(elem) {
var $window = $(window)
var viewport_top = $window.scrollTop()
var viewport_height = $window.height()
var viewport_bottom = viewport_top + viewport_height
var $elem = $(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)
}
@hbaecklund
Copy link

What do you mean by Needs $('#elem_id') ?

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