Nour Al Sabbagh نشر 4 يناير 2022 أرسل تقرير مشاركة نشر 4 يناير 2022 مرحبا, ممكن المساعدة لدي في القائمة العلوية مشكلة عند عمل scroll قد وضعت خلفية و border لاكن لا تعمل و لم اعلم السبب 2 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Mohammad Al Eik نشر 4 يناير 2022 أرسل تقرير مشاركة نشر 4 يناير 2022 هل يمكنك إرسال صورة للقائمة التي تريدين عمل scroll عليها اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Nour Al Sabbagh نشر 4 يناير 2022 الكاتب أرسل تقرير مشاركة نشر 4 يناير 2022 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Mohammad Al Eik نشر 4 يناير 2022 أرسل تقرير مشاركة نشر 4 يناير 2022 عندما نريد تخصيص شكل ل القائمة العلوية نقوم بذلك عند كلاس navbar داخل ملف posts.css طبقي الكود التالي في السطر 11 nav.navbar { z-index: 15; background-color: white; //نطبق لون للخلفية border-bottom: black 1px solid; //هنا نضع حافة نحدد لونها وسماكتها ونوعها } اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Nour Al Sabbagh نشر 4 يناير 2022 الكاتب أرسل تقرير مشاركة نشر 4 يناير 2022 لا مش كدا انا عيزة عندما انزل في الصفحة تظهر background بيضاء و نوع السماكة اعتقد هناك خطأ في js 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 أسامة زيادة نشر 4 يناير 2022 أرسل تقرير مشاركة نشر 4 يناير 2022 بتاريخ 12 دقائق مضت قال Nour Al Sabbagh: لا مش كدا انا عيزة عندما انزل في الصفحة تظهر background بيضاء و نوع السماكة اعتقد هناك خطأ في js الدوال التي تستخدميها تتعلق بمكتبة jquery لذلك عليك تضمين مكتبة jquery ، يمكنك تضمينها بهذا الشكل <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> ملاحظة يجب وضعه قبل تضمين Bootstrap ، هكذا <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> <script src="js/index.js"></script> وبعدها قومي بوضع الخلفية المناسبة ، أنتِ هنا تستخدمين كلاس noTransparrent قومي باستخدام الدالة بهذا الشكل وأتوقع سوف تنجح القائمة لديكِ $(window).scroll(function () { if ($(window).scrollTop() > 400) { $("#navBar").css("background-color","black"); } else { $("#navBar").css("background-color","rgba(16, 22, 54, 0.2)"); } }); اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Mohammad Al Eik نشر 4 يناير 2022 أرسل تقرير مشاركة نشر 4 يناير 2022 سبب المشكة أنكي لاتستدعين مكتبة jQuery داخل ملفات html قوم بوضع هذا الوسم في نهاية <body> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> أي تحت هذا السطر <!-- Bootstrap Bundle with Popper --> هكذا سوف تقومين بتحميل مكتبة jQuery وبالتالي إستخدامها في ال navbar اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Nour Al Sabbagh نشر 4 يناير 2022 الكاتب أرسل تقرير مشاركة نشر 4 يناير 2022 ما فيش حل تاني بدون تحميل مكتبة jquery؟ 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Mohammad Al Eik نشر 4 يناير 2022 أرسل تقرير مشاركة نشر 4 يناير 2022 بتاريخ 5 دقائق مضت قال Nour Al Sabbagh: ما فيش حل تاني بدون تحميل مكتبة jquery؟ يوجد طريقة أخرى من دون jQuery قومي بإستبدال الكود داخل index.js بالكود التالي var scrollPosition = window.scrollY;//هنا قمنا بتحديد جهة السكرول var logoContainer = document.getElementById("navBar") // حددنا العنصر الذي نريده بواسطة الأي دي الخاص به window.addEventListener('scroll', function() { //وضعنا متنصت على حدث السكرول scrollPosition = window.scrollY; if (scrollPosition >= 30) { logoContainer.classList.add('noTransparrent');//هنا نضيف الكلاس } else { logoContainer.classList.remove('noTransparrent'); //هنا نحذف الكلاس } }); 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 أسامة زيادة نشر 4 يناير 2022 أرسل تقرير مشاركة نشر 4 يناير 2022 بتاريخ 4 دقائق مضت قال Nour Al Sabbagh: ما فيش حل تاني بدون تحميل مكتبة jquery؟ أرى أن مكتبة jquery هي الحل الأنسب لهذه التنسيقات ، هي تنفذ بهذه الطريقة في أغلب الموقع . لا يوجد مشاكل في تحميل مكتبة jquery حيث تعتبر مهمة في تصميم المواقع لأنها تضيف أشياء جميلة للموقع . يمكنك النظر على هذه المقالات حول ما تفعله مكتبة jquery في الموقع . إن كنتي لن تستخدمي jquery سوف تقومين باستخدام لغة الجافا سكربت بعدة أكواد . لكن jquery تسهل الأمر بدوالها البسيطة . 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Nour Al Sabbagh نشر 4 يناير 2022 الكاتب أرسل تقرير مشاركة نشر 4 يناير 2022 بتاريخ 1 دقيقة مضت قال أسامة زيادة: أرى أن مكتبة jquery هي الحل الأنسب لهذه التنسيقات ، هي تنفذ بهذه الطريقة في أغلب الموقع . لا يوجد مشاكل في تحميل مكتبة jquery حيث تعتبر مهمة في تصميم المواقع لأنها تضيف أشياء جميلة للموقع . يمكنك النظر على هذه المقالات حول ما تفعله مكتبة jquery في الموقع . إن كنتي لن تستخدمي jquery سوف تقومين باستخدام لغة الجافا سكربت بعدة أكواد . لكن jquery تسهل الأمر بدوالها البسيطة . شكرا" كثيرا" اعلم ذلك لكن العميل لا يريد تدخل jquery و شكرا" مرة أخرى اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
Nour Al Sabbagh
مرحبا, ممكن المساعدة لدي في القائمة العلوية مشكلة عند عمل scroll قد وضعت خلفية و border لاكن لا تعمل و لم اعلم السبب
رابط هذا التعليق
شارك على الشبكات الإجتماعية
10 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.