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

السؤال

نشر (معدل)

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

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

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

  • إعلانات

  • تابعنا على



×
×
  • أضف...