pauloabmiranda
2/24/2014 - 1:00 PM

Determine if an element is in the visible viewport

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)
        );
}