آفلاین
user-avatar

fixed کردن sidebar

3 سال پیش
توسط EW آپدیت شد
آفلاین
user-avatar
sajjad ( 8984 تجربه )
3 سال پیش
تخصص : برنامه نویس back end

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

آفلاین
user-avatar
مهدی ( 23232 تجربه )
3 سال پیش

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

آفلاین
user-avatar
EW ( 13460 تجربه )
3 سال پیش

میتونید از کلاس 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 قرار میگیره

برای ارسال پاسخ باید وارد سایت شوید