اذهب إلى المحتوى
  • 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>

 

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

Recommended Posts

  • 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

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

  • 0
بتاريخ 2 دقائق مضت قال محمد أبو عواد:

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


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

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

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

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

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

كل الشكر تمت 

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

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...