Question

I have the following jQuery function which is supposed to detect when an element first scrolls into view on a page:

function isScrolledIntoView(elem) {
    var docViewTop = $(window).scrollTop();
    var docViewBottom = docViewTop + $(window).height();

    var elemTop = $(elem).offset().top;
    var elemBottom = elemTop + $(elem).height();

    return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
}

My mind is mush today… how can I use this function?

Assume I want to detect when $('.guardrail360') comes into view.

Answer 1

Seems like you need to bind the scroll event and do the detection when that event fires.

$(window).scroll(function () { 
  isScrolledIntoView('.guardrail360');
});