dns-daniel
11/27/2016 - 6:52 AM

Check if target area is visible when scrolled From http://stackoverflow.com/questions/7182342/how-to-detect-when-the-user-has-scrolled-to-a-

Check if target area is visible when scrolled From http://stackoverflow.com/questions/7182342/how-to-detect-when-the-user-has-scrolled-to-a-certain-area-on-the-page-using-jqu

scrolledVisible.js
content_copyfile_download
// CHECK IF TARGET AREA IS VISIBLE WHEN SCROLLED
function isScrolledIntoView(elem)
{
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();
    var elemTop = $(elem).offset().top;
    var elemBottom = elemTop + $(elem).height();
    return ((elemBottom >= docViewTop) && (elemTop <= docViewBottom) && (elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}

// UPDATE OR REFERENCE ID "theTarget"
$(window).scroll(function() {    
    if(isScrolledIntoView($('#theTarget')))
    {
        alert('visible');
    }    
});