• 0

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

في صفحة html أقوم بجلب البيانات عن طريق Ajax، والعناصر الجديدة تظهر فقط بعد عملية التمرير scrolling، فكيف أتأكد من أن عصراً معيّن يظهر على الشاشة أم لا؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

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

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 في حالة كان العكس.

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن