راکت

هدر و سایدبار در html و css

4 پاسخ

سلام دوستان ، من میخوام چنین چیزی رو پیاده کنم ولی راه حلش درستش رو نمیدونم
قسمت header که fixed هست و باید با اسکرول خوردن صفحه ثابت بمونه
قسمت sidebar هم یه height کامل داره و با اسکرول خوردن صفحه ثابت میمونه
تنها قسمت content دارای اسکرول هست
اگه کمکم کنید ممنون میشم 🙌
توضیح تصویر رو وارد کنید

ثبت پرسش جدید

پاسخ‌ها

4
مبینا ستاری
مبینا ستاری
@mobinasattari7

تخصص: توسعه دهنده بک اند

سلام و درود.
متوجه نمیشم. یعنی میخواید ساید بار و هدر ثابت باشن؟ درست میگم؟

محمدحسن فرهادی
محمدحسن فرهادی
@farhadi

تخصص: علاقه مند به کد نویسی

@cfarhad
سلام دوست عزیز
برای اینکه این کارو خیلی راحت تر بتونید انجام بدید باید بوت استرپ بلد باشید و اون موقع میتونید از sticky-top استفاده کنید و هدر رو فیکس کنید بالا یا مثلا منو ها رو. همچنین بسته به موقعیت میشه از fixed-top یا fixed-button هم استفاده کرد .
این راحت ترین راه هست . این صفحه از سایت بوت استرپ رو ببینید:
https://getbootstrap.com/docs/4.0/utilities/position/#fixed-top

شاید پاسخ شما همین‌جا باشد

محمدصادق عبداللهی
محمدصادق عبداللهی
@mimsadAlef

تخصص: junior full stack developer

برای هدر این استایل رو بدید

position:fixed;
top:0;

برای ساید بار هم

position:fixed;
left:0;
محمدحسن یگانه
محمدحسن یگانه
@mhyeganeh

تخصص: Full-Stack Web Developer Freelancer

روش های خیلی مختلفی برای انجام این کار وجود داره. بهترین روش هم تسلط به CSS مخصوصا مفاهیم Position fix و Position sticky و display flex و display grid هست.

اون وقت می‌تونید بر حسب نیازتون، هر گونه layout ی رو پیاده سازی کنید. و الا هم باید بگردید دنبال template های آماده و استفاده از کدهاشون.

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام