Skip to content

Instantly share code, notes, and snippets.

@wwwebman
Created September 16, 2016 11:34
Show Gist options
  • Save wwwebman/6dcc926e02f479773e110e6e767f2d66 to your computer and use it in GitHub Desktop.
Save wwwebman/6dcc926e02f479773e110e6e767f2d66 to your computer and use it in GitHub Desktop.
jQuery. check if element in viewport
$.fn.inViewport = function(){
var win = $(window);
var self = $(this);
var posOnPage = win.scrollTop();
var selfOffset = self.offset().top;
var visiblePartOfpage = posOnPage + win.height();
var endOfElPos = selfOffset + self.outerHeight();
return (visiblePartOfpage >= selfOffset && visiblePartOfpage <= endOfElPos ? true : false);
}
$(window).scroll(function(){
console.log($("id").inViewport());
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment