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

مشكلة في تثبيت القائمة الجانبية css

Mahmoud Ali Nawwar

السؤال

السلام عليكم أثناء التطبيق على ال css حاولت جعل ال sidepar الجانبي صاحب اللون الأزرق posetion: fixed كما في هذه الصورة بحيث تصبح ثابتة عند عمل scroll للصفحة تصبح ثابتة ولكن يحدث العديد من الأخطاء

Screenshot 2021-08-05 193738.png

index.zip

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

هل يمكنك وصف المشكلة بشكل أكثر دقة ؟ كما أنه قد يكون من الجيد تضمين بعض الشيفرات البرمجية و الأكواد التي تظن أنها مسببة للمشكلة . 

يمكنك القراءة أكثر عن إرشادات الاستخدام .

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

بعد اضافة position: fixed تقوم بتحديد تموقع العنصر بالنسبة للمتصفح دون التأثير على أي عنصر اخر في الصفحة 

فقبل اضافة position: fixed كان sidebar يأخذ جزء من الصفحة (30%) قما قمت بتحديدها أنت 

لذلك الـ content كان يتأثر بهذا بـ sidebar وكان يتموقع بعده مباشرة  في الصفحة 

الآن بعد أن قمت بإضافة position: fixed لم يعد content يتأثر بعرض الـ sidebar  الذي حددته بـ (30%)

لذلك ستجده يعود إلى اقصى يسار الصفحة سيكون خلف الـ sidebar مباشرة 

الحل هنا بعد أن تقوم بإضافة position: fixed ستذهب إلى الـ content وتقوم بإعطائه margin-left: 30% وستحل مشكلتك 

نصيحة : 

حاول تعلم كيفية عمل position Property في CSS

تم التعديل في بواسطة MoJaffer
رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...