Ahmed Ebrahim11 نشر 27 فبراير أرسل تقرير نشر 27 فبراير السلام عليكم تواجهني مشكله مع data-spy حيث انها لا تعمل جيدا كما ان active يظهل عند navlink محدد لمده رغم تغير السكشن كما بالصورة بالاسفل حيث يظل عند قسم تواصل معنا DR.Scan.zip 2 اقتباس
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 اقتباس
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 اقتباس
السؤال
Ahmed Ebrahim11
السلام عليكم
تواجهني مشكله مع data-spy حيث انها لا تعمل جيدا كما ان active يظهل عند navlink محدد لمده رغم تغير السكشن كما بالصورة بالاسفل حيث يظل عند قسم تواصل معنا
DR.Scan.zip
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.