fixed کردن sidebar

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

لینک کوتاه اشتراک گذاری

0

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

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

لینک کوتاه اشتراک گذاری

0

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

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

لینک کوتاه اشتراک گذاری

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 قرار میگیره

برای ارسال پاسخ لازم است، ابتدا وارد سایت شوید.