شرح كود javascript

هذا كود من مكتبة jquery وهي مكتبة javascript قديمة والكود هو مستمع لتمرير النافذة ويحدد ما ان كانت النافذة ممررة الى الأسفل بقيمة أكبر من 10px فاذا كانت كذلك يضيف class header-active الى العنصر الذي يحمل id=header أما اذا كان العكس فسوف يزيل ال class header-active من العنصر

  $(window).on('scroll load',function(){
        if($(window).scrollTop() > 10){
            $('#header').addClass('header-active');
        }
        else{
            $('#header').removeClass('header-active');
        }
    });

هذا الكود عند تمرير الشاشه للاسفل (التصفح)  بقيمه اكبر من 10 بيكسل يقوم بوضع (header-active ) class على عنصر ما فى لغه  html  واذا كانت القيمه اقل من 10 بيكسل سيقوم بحذف هذا العنصر header-active

بتاريخ On 3/1/2021 at 05:57 قال Salah Eddin Berriani:

هذا كود من مكتبة jquery وهي مكتبة javascript قديمة والكود هو مستمع لتمرير النافذة ويحدد ما ان كانت النافذة ممررة الى الأسفل بقيمة أكبر من 10px فاذا كانت كذلك يضيف class header-active الى العنصر الذي يحمل id=header أما اذا كان العكس فسوف يزيل ال class header-active من العنصر

  $(window).on('scroll load',function(){
        if($(window).scrollTop() > 10){
            $('#header').addClass('header-active');
        }
        else{
            $('#header').removeClass('header-active');
        }
    });

 

شكرا لك 

بتاريخ On 3/1/2021 at 05:57 قال Salah Eddin Berriani:

هذا كود من مكتبة jquery وهي مكتبة javascript قديمة والكود هو مستمع لتمرير النافذة ويحدد ما ان كانت النافذة ممررة الى الأسفل بقيمة أكبر من 10px فاذا كانت كذلك يضيف class header-active الى العنصر الذي يحمل id=header أما اذا كان العكس فسوف يزيل ال class header-active من العنصر

  $(window).on('scroll load',function(){
        if($(window).scrollTop() > 10){
            $('#header').addClass('header-active');
        }
        else{
            $('#header').removeClass('header-active');
        }
    });

 

شكرا لك