Padėtis

Naudokite šiuos pagalbininkus, kad greitai sukonfigūruotumėte elemento padėtį.

Šiame puslapyje

Fiksuotas viršus

Padėkite elementą peržiūros srities viršuje nuo krašto iki krašto. Įsitikinkite, kad suprantate fiksuotos padėties pasekmes savo projekte; gali reikėti pridėti papildomo CSS.

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

Fiksuotas dugnas

Padėkite elementą peržiūros srities apačioje nuo krašto iki krašto. Įsitikinkite, kad suprantate fiksuotos padėties pasekmes savo projekte; gali reikėti pridėti papildomo CSS.

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

Lipnus viršus

Padėkite elementą peržiūros srities viršuje nuo krašto iki krašto, bet tik tada, kai slinksite pro jį. Priemonė .sticky-topnaudoja CSS position: sticky, kuri nėra visiškai palaikoma visose naršyklėse.

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

Reaktyvus lipnus viršus

Reaguojantys variantai taip pat yra .sticky-topnaudingumo.

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