Skip to content

Instantly share code, notes, and snippets.

@jjmu15

jjmu15/in_viewport.js

Created January 27, 2014 10:19
Show Gist options
  • Save jjmu15/8646226 to your computer and use it in GitHub Desktop.
Save jjmu15/8646226 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. jjmu15 revised this gist Jan 27, 2014. No changes.
  2. jjmu15 created this gist Jan 27, 2014.
    12 changes: 12 additions & 0 deletions in_viewport.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,12 @@
    // Determine if an element is in the visible viewport
    function isInViewport(element) {
    var rect = element.getBoundingClientRect();
    var html = document.documentElement;
    return (
    rect.top >= 0 &&
    rect.left >= 0 &&
    rect.bottom <= (window.innerHeight || html.clientHeight) &&
    rect.right <= (window.innerWidth || html.clientWidth)
    );
    }
    The above function could be used by adding a “scroll” event listener to the window and then calling isInViewport().