اذهب إلى المحتوى
  • 0

شرح كود javascript

خالد مجذوب

السؤال

Recommended Posts

  • 0

هذا كود من مكتبة 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');
        }
    });

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

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

تم التعديل في بواسطة Samir Abo Elyameen Gaber
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 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');
        }
    });

 

شكرا لك 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...