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

بشار الحمادة · 23 مايو 2021

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

استخدمت هذا الجزء من 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>

تم التعديل في 23 مايو 2021 بواسطة عبدالباسط ابراهيم
تنسيق الكود

محمد أبو عواد · 23 مايو 2021

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

بشار الحمادة · 23 مايو 2021

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

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

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

عبدالباسط ابراهيم · 23 مايو 2021

ربما السبب في أنها لم تعمل مع ال 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>

محمد أبو عواد · 23 مايو 2021

بتاريخ 2 دقائق مضت قال بشار الحمادة:

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

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

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

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

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

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

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

بشار الحمادة · 23 مايو 2021

بتاريخ 2 دقائق مضت قال محمد أبو عواد:
في كود jquery لقد قمت بتحديد العنصر a.scroll ,لكن لو لاحظت في الكود التالي
<a href="#proudct"> معرض صور </a>

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

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

<a href="#contacts">عنا  </a>
لا يوجد الصنف scroll لذلك لن يحدث النزول, حاول اضافة الصنف scroll

كل الشكر تمت

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

السؤال

بشار الحمادة

5 أجوبة على هذا السؤال

Recommended Posts

محمد أبو عواد

بشار الحمادة

عبدالباسط ابراهيم

محمد أبو عواد

بشار الحمادة

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

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية