كيف أتأكد من ظهور عنصر بعد عملية scrolling؟

إليك الكود التالي:

function isScrolledIntoView(elem)
{
    var $elem = $(elem);
    var $window = $(window);

    var docViewTop = $window.scrollTop();
    var docViewBottom = docViewTop + $window.height();

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

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

الوظيفة السابقة، تقبل elem عنصر كمُدخل لها، أي العنصر الذي نريد التأكد من ظهوره على الشاشة في صفحة html، وبعملية المقارنة بين مكان تواجد هذا العنصر والجزئية المرئية من صفحة html، يمكن التعرف على حالة العنصر بالمقارنة مع الشاشة، يعني هل هو مرئي أم لا.

وفي الأخير تُرجع الوظيفة حالة العنصر true في حالة كان ظاهراً وfalse في حالة كان العكس.