Skip to content

Instantly share code, notes, and snippets.

@KaiserEMP
Created November 28, 2018 16:00
Show Gist options
  • Select an option

  • Save KaiserEMP/73074eeec1fa1360cf30211ed805d6a2 to your computer and use it in GitHub Desktop.

Select an option

Save KaiserEMP/73074eeec1fa1360cf30211ed805d6a2 to your computer and use it in GitHub Desktop.
js
/* If is visible in viewport */
$.fn.isInViewport = function() {
var element = this;
var elementHeight = element.outerHeight();
var scrollTop = $(window).scrollTop();
var viewportHeight = $( window ).height();
var elementOffset = element.offset();
var inViewportHeight = elementHeight + viewportHeight;
if ((scrollTop + viewportHeight) > elementOffset.top && scrollTop < (elementOffset.top + elementHeight) ) {
return (((scrollTop + viewportHeight - elementOffset.top) / inViewportHeight) * 100).toFixed(3);
} else {
return false;
}
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment