Gyinabea

Fixed soro

Fa element bi si viewport no atifi, fi ano kosi ano. Hwɛ hu sɛ wote nsunsuanso a ɛwɔ gyinabea a wɔahyɛ da ayɛ wɔ wo dwumadi no mu no ase; ebia ɛho behia sɛ wode CSS foforo ka ho.

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

Fixed ase

Fa element bi si viewport no ase, fi ano kosi ano. Hwɛ hu sɛ wote nsunsuanso a ɛwɔ gyinabea a wɔahyɛ da ayɛ wɔ wo dwumadi no mu no ase; ebia ɛho behia sɛ wode CSS foforo ka ho.

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

Ɔsoro a ɛyɛ nnam

Fa element bi si viewport no atifi, fi ano kosi ano, nanso bere a woatwe atwam no akyi nkutoo. .sticky-topUtility no de CSS's , position: stickya wɔmfa mmoa koraa wɔ browser ahorow nyinaa mu di dwuma.

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

Mmuae a ɛyɛ nnam a ɛwɔ soro

Nsonsonoe ahorow a ɛma mmuae nso wɔ hɔ ma .sticky-topmfaso.

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