Skip to content

Instantly share code, notes, and snippets.

@Gamblt

Gamblt/isElementInViewport.js

Forked from davidtheclark/isElementInViewport.js
Created May 8, 2018 08:50
Show Gist options
  • Save Gamblt/38dac00a86aa9802d5aa0b0c244b23bc to your computer and use it in GitHub Desktop.
Save Gamblt/38dac00a86aa9802d5aa0b0c244b23bc to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @davidtheclark davidtheclark created this gist May 4, 2013.
    15 changes: 15 additions & 0 deletions isElementInViewport.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,15 @@
    /*
    No jQuery necessary.
    Thanks to Dan's StackOverflow answer for this:
    http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport
    */

    function isElementInViewport(el) {
    var rect = el.getBoundingClientRect();
    return (
    rect.top >= 0 &&
    rect.left >= 0 &&
    rect.bottom <= (window.innerHeight || document. documentElement.clientHeight) &&
    rect.right <= (window.innerWidth || document. documentElement.clientWidth)
    );
    }