• 0

النزول المتدرج في navbar

السلام عليكم .

استخدمت هذا الجزء من j.s

$(document).ready(function(){
    $("a.scroll").on('click', function(event) {
 
         var hash = this.hash;
 
         $('html, body').animate({scrollTop: $(hash).offset().top - 100}, 800, function(){});
     
     });
     $('.timer').countTo();

     $(function () {
      $("#commentForm").validate();
  });
 });

 

من اجل نزول تلقائي نجحت في العملية في بعض اجزء nabar ولكن بعض الاجزاء تحتوي قائمة منسدلة  وعند تحديد الجزء من الثائمة لا يتطبيق النزول البطيء على القسم  وهذا هي القائمة المنسدلة  كيف يمكن حل المشكلة 

<li class="nav-item active">

  <div class="dropdown">

    <button onclick="myFunction()" class="dropbtn">الصفحة الرئيسة</button>

    <div id="myDropdown" class="dropdown-content">

      <a href="#proudct"> معرض صور </a>

      <a href="#services">الخدمات </a>

      <a href="#gallery">المنتجات  </a>

      <a href="#contacts">عنا  </a>

    </div>

  </div>



</li>

 

تمّ تعديل بواسطة عبدالباسط ابراهيم
تنسيق الكود
1 شخص أعجب بهذا

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


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

هل يمكنك ارفاق ملفات المشروع لمساعدتك بشكل أفضل؟

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


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0
بتاريخ 2 دقائق مضت قال محمد أبو عواد:

هل يمكنك ارفاق ملفات المشروع لمساعدتك بشكل أفضل؟

من الصعب رفع الملف ولكن هذه الكودات 

Screenshot (107).png

Screenshot (108).png

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


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

ربما السبب في أنها لم تعمل مع ال a الموجودة في ال dropdown أنه لا وجود للكلاس scroll لأنك استخدمت الدالة لهذا الكلاس تحديداً من خلال التالي

$("a.scroll").on('click', function(event) {

لذلك جرب إضافة هذا الكلاس كالتالي

<a href="#proudct" class="scroll"> معرض صور </a>

<a href="#services" class="scroll">الخدمات </a>

<a href="#gallery" class="scroll">المنتجات  </a>

<a href="#contacts" class="scroll">عنا  </a>

 

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


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0
بتاريخ 2 دقائق مضت قال بشار الحمادة:

من الصعب رفع الملف ولكن هذه الكودات 

في كود jquery لقد قمت بتحديد العنصر a.scroll ,لكن لو لاحظت في الكود التالي 

<a href="#proudct"> معرض صور </a>

<a href="#services">الخدمات </a>

<a href="#gallery">المنتجات  </a>

<a href="#contacts">عنا  </a>

لا يوجد الصنف scroll لذلك لن يحدث النزول, حاول اضافة الصنف scroll

1 شخص أعجب بهذا

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


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 0
بتاريخ 2 دقائق مضت قال محمد أبو عواد:

في كود jquery لقد قمت بتحديد العنصر a.scroll ,لكن لو لاحظت في الكود التالي 


<a href="#proudct"> معرض صور </a>

<a href="#services">الخدمات </a>

<a href="#gallery">المنتجات  </a>

<a href="#contacts">عنا  </a>

لا يوجد الصنف scroll لذلك لن يحدث النزول, حاول اضافة الصنف scroll

كل الشكر تمت 

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


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

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

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

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


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

تسجيل الدخول

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


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