Ɖoƒe

Woɖoe ɖe tame

Ðo nu aɖe ɖe nukpɔkpɔa ƒe tame, tso eƒe go kemɛ dzi yi eƒe go kemɛ dzi. Kpɔ egbɔ be yese ɖoƒe si woɖo ɖi ƒe alɔdzewo gɔme le wò dɔa me; ɖewohĩ ahiã be nàtsɔ CSS bubuwo akpe ɖe eŋu.

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

Woɖoe ɖe ete

Ðo nu aɖe ɖe nukpɔkpɔa ƒe gɔme, tso eƒe go kemɛ dzi yi eƒe go kemɛ dzi. Kpɔ egbɔ be yese ɖoƒe si woɖo ɖi ƒe alɔdzewo gɔme le wò dɔa me; ɖewohĩ ahiã be nàtsɔ CSS bubuwo akpe ɖe eŋu.

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

Tame si léna ɖe nu ŋu

Ðo nu aɖe ɖe nukpɔkpɔa ƒe tame, tso nugbɔ yi nugbɔ, gake ne èʋu to eŋu vɔ ko hafi. Dɔwɔnua .sticky-topzãa CSS's position: sticky, si womewɔa dɔ bliboe le web-browserwo katã me o.

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

Tame si léna ɖe nu ŋu si ɖoa nya ŋu

Vovototo siwo ɖoa nya ŋu hã li na .sticky-topviɖekpɔkpɔ.

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