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

كيفية عمل ترويسة الموقع ثابتة Fixed مع إظهار الجزء الباقي من الموقع بطريقة مناسبة

Mohammed Hhhh

السؤال

قمت بأعطاء ال NAV-BAR قيمة Position : fixed

و قامت جميع العناصر بالارتفاع في مكان ال nav bar  وقمت بأعطائهم 

margin-top 

هل هذه هي الطريقه الصحيحه في جعل grid ينزل عن ال nav- bar  ام لا و شكرا

css

desk.png

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

Recommended Posts

  • 0

نعم الطريقة صحيحة.

عند إعطاء أي حاوية أو عنصر الخاصية Position : fixed سوف ينفصل عن مستوى صفحة HTML أي تعتبر أن له طبقة مختلفة، وسوف يحل محله العنصر التالي في ترتيب صفحة HTML وبذلك لنحافظ على ظهور العنصر الذي أسفله، نقوم بعمل إزاحة من الأعلى من خلال الخاصية margin-top لتبتعد عن الجزء العلوي للعنصر body (الحافة الداخلية) حيث أصبح هذا العنصر هو الذي يسبق باقي أجزاء الصفحة و ليس العنصر ذو Position : fixed، أي سوف ينزلق أسفله، و بذلك نعيده لمكانه بعمل إزاحة من الأعلى.

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

  • 0

نعم هذه طريقة صحيحة.

في عالم ال css والبرومجة عموما هنالك الكثير من الطرق التي تعطي نفس النتيجة، على سبيل المثال انظر كيف تعامل مصممي موقع حاسوب مع نفس هذه المشكلة.

1.thumb.png.cf3237617e941822f9ace0e2594f53c5.png

حيث قاموا بإضافة padding-top لل body.

بينما المصممين لموقع ترجمة جوجل قاموا بإضافة div فارغ واعطوه ارتفاعاً معين ليدفع المحتوى نحو الاسفل في الطبقة الاساسية بينما يغطيه ال header من الامام في الطبقة الامامية. 

3.thumb.png.6a4f319946d6cc9041dd45dab484ef99.png

 

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

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

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

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

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

  • إعلانات

  • تابعنا على



×
×
  • أضف...