Ahmed Ebrahim11 نشر 27 فبراير أرسل تقرير مشاركة نشر 27 فبراير السلام عليكم تواجهني مشكله مع data-spy حيث انها لا تعمل جيدا كما ان active يظهل عند navlink محدد لمده رغم تغير السكشن كما بالصورة بالاسفل حيث يظل عند قسم تواصل معنا DR.Scan.zip 2 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Mustafa Mahmoud7 نشر 27 فبراير أرسل تقرير مشاركة نشر 27 فبراير (معدل) لتعمل الdata-spy جيدا معك لابد من تغيير الoffest الى data-bs-offset <body data-bs-spy="scroll" data-bs-target="#navbar" data-bs-offset="100"> حيث انه عند الوصول ل 100px من القسم يتم التغير فى النافبار ويصبح فعال على navlink حسب كل قسم أى أن data-bs-offset تحدد قيمة الجزء المراد من السكشن وبناءا عليه يتغير الnavlink الفعال أو بامكانك جعلها ديناميكية بالجافا سكربت var scrollSpy = new bootstrap.ScrollSpy(document.body, { target: '#navbar', offset:function () { // هنا يتم وضع ال offset //بطريقة تفاعلية مع الصفحة على حسب ال scrool return offset; } }); يظل الactive على النافبار لمدة لأنك في الstyle.css عليه خاصية transition transition: all 0.6s ease-in-out; عليك تقليل قيمة الوقت ليصبح 0.1s مثلا أوكما تريد transition: all 0.1s ease-in-out; تم التعديل في 27 فبراير بواسطة Mustafa Mahmoud7 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Mahmoud Hassan19 نشر 27 فبراير أرسل تقرير مشاركة نشر 27 فبراير مرحبا احمد بعد مراجعت الكود المرسل الخطا اللي عندك خطا syntax في عبارة <body data-bs-spy="scroll" data-bs-target="#navbar" offset="120"> offset بذاللك لا تعمل يجب ان تكون كذاللك لكي تعمل لديك <body data-bs-spy="scroll" data-bs-target="#navbar" data-bs-offset="120"> بتاريخ منذ ساعة مضت قال Ahmed Ebrahim11: ان active يظهل عند navlink محدد لمده رغم تغير السكشن ذاللك انه في ملف style كما ذكر الزميل 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
Ahmed Ebrahim11
السلام عليكم
تواجهني مشكله مع data-spy حيث انها لا تعمل جيدا كما ان active يظهل عند navlink محدد لمده رغم تغير السكشن كما بالصورة بالاسفل حيث يظل عند قسم تواصل معنا
DR.Scan.zip
رابط هذا التعليق
شارك على الشبكات الإجتماعية
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.