Gyinabea

Fa saa aboafo yi di dwuma ma hyehyɛ element bi gyinabea ntɛmntɛm.

Wɔ kratafa yi so

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.

<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>
<div class="sticky-xxl-top">Stick to the top on viewports sized XXL (extra-extra-large) or wider</div>

Ase a ɛyɛ nnam

Fa element bi si viewport no ase, fi ano kosi ano, nanso bere a woatwe atwam no akyi nkutoo.

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

Mmuae a ɛyɛ nnam ase

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

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