Udindo

Kukhazikika pamwamba

Ikani chinthu pamwamba pa malo owonera, kuchokera m'mphepete mpaka m'mphepete. Onetsetsani kuti mukumvetsetsa zokhuza za malo osakhazikika mu polojekiti yanu; mungafunike kuwonjezera CSS yowonjezera.

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

Kukhazikika pansi

Ikani chinthu pansi pa malo owonera, kuchokera m'mphepete mpaka m'mphepete. Onetsetsani kuti mukumvetsetsa zokhuza za malo osakhazikika mu polojekiti yanu; mungafunike kuwonjezera CSS yowonjezera.

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

Chomata pamwamba

Ikani chinthu pamwamba pa malo owonera, kuchokera m'mphepete mpaka m'mphepete, koma mukangodutsa. Pulogalamuyi .sticky-topimagwiritsa ntchito ma CSS's position: sticky, omwe sagwiritsidwa ntchito mokwanira m'masakatuli onse.

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

Kuyankha chomata pamwamba

Zosiyanasiyana zoyankhira ziliponso .sticky-topzothandiza.

<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>