sajjad
4 سال پیش توسط sajjad مطرح شد
2 پاسخ

fixed کردن sidebar

با سلام دوستان من میخوام وقتی اسکرول میکنم پایین sidebar فیکس بشه به بالای صفحه نچسبه بلکه همون جا فیکس بشه فکر کنم بهش میگن sticky با bootstrap دارم طراحی میکنم لطفا اگر اطلاعی دارید ممنون میشم راهنمایی بفرمایید


html_css
تگ‌های محبوب
لاراول
php
laravel
متفرقه
reactjs
عمومی
html_css
nodejs
vuejs
وردپرس
پایتون
css
فلاتر
react
javascript
ثبت پرسش جدید
مهدی
@code2code 4 سال پیش مطرح شد
0

این فک کنم ساده توضیح داده
link 1
link 2


EW
@erwin 4 سال پیش آپدیت شد
1

میتونید از کلاس position-stickyاستفاده کنید(در بوت استرپ) به این صورت که شما یه div والد دارید که ساید بارتون رو در بر میگیره به اون این کلاس رو میدید

    <div class="position-sticky">
    <p>01</p>
    <p>02</p>
    <p>03</p>
    </div>

همچنین میشه از sticky-top هم استفاده کرد

    <div class="sticky-top">
    <p>01</p>
    <p>02</p>
    <p>03</p>
    </div>

فرقشون رو اگر امتحان کنید متوجه میشید position-top در همه حالت در topقراره میگیره و sticky-top وقتی اسکرول بهش رسید در top قرار میگیره


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

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