ရာထူး

ပုံသေထိပ်

မြင်ကွင်းပို့တ်၏ထိပ်တွင်၊ အစွန်းမှအစွန်းသို့ အစိတ်အပိုင်းတစ်ခုကို နေရာချပါ။ သင့်ပရောဂျက်ရှိ ပုံသေအနေအထား၏ အကျိုးသက်ရောက်မှုများကို သင်နားလည်ကြောင်း သေချာပါစေ။ နောက်ထပ် CSS ကို ထပ်ထည့်ဖို့ လိုပါလိမ့်မယ်။

<div class="fixed-top">...</div>

ပုံသေအောက်ခြေ

မြင်ကွင်းပို့တ်၏အောက်ခြေ၊ အစွန်းမှအစွန်းတွင် အစိတ်အပိုင်းတစ်ခုကို နေရာချပါ။ သင့်ပရောဂျက်ရှိ ပုံသေအနေအထား၏ အကျိုးသက်ရောက်မှုများကို သင်နားလည်ကြောင်း သေချာပါစေ။ နောက်ထပ် CSS ကို ထပ်ထည့်ဖို့ လိုပါလိမ့်မယ်။

<div class="fixed-bottom">...</div>

ကပ်စေးနဲ

အစွန်းမှအစွန်းသို့ မြင်ကွင်းပို့တ်၏ထိပ်တွင် အစိတ်အပိုင်းတစ်ခုကို နေရာချပါ၊ သို့သော် သင် ၎င်းကိုကျော်ပြီးမှသာ ရွှေ့ပါ။ utility သည် ဘရောက်ဆာအားလုံးတွင် အပြည့်အဝမပံ့ပိုးနိုင်သော .sticky-topCSS ကိုအသုံးပြုသည် ။position: sticky

<div class="sticky-top">...</div>

တုံ့ပြန်မှုအားကောင်းသောထိပ်

အသုံးဝင်မှုအတွက် တုံ့ပြန်မှုပုံစံများလည်း ရှိပါသည် .sticky-top။

<div class="sticky-sm-top">Stick to the top on viewports sized SM (small) or wider</div>
<div class="sticky-md-top">Stick to the top on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-top">Stick to the top on viewports sized LG (large) or wider</div>
<div class="sticky-xl-top">Stick to the top on viewports sized XL (extra-large) or wider</div>