• 0

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

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

Screenshot 2021-08-05 193738.png

index.zip

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
شارك على الشبكات الإجتماعية
  • 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

انشر على الشّبكات الاجتماعية


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

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن