Ɖoƒe
Zã nuŋɔŋlɔ kpui siawo ƒe dɔwɔnu siawo hena ɖoɖowɔwɔ ɖe akpa aɖe ƒe nɔƒe ŋu kabakaba.
Dzidzenu siwo bɔ
Wowɔa ɖoƒe ɖoɖo kabakaba ƒe klasswo, togbɔ be womewɔa nu ɖe ame ŋu nyuie o hã.
<div class="position-static">...</div>
<div class="position-relative">...</div>
<div class="position-absolute">...</div>
<div class="position-fixed">...</div>
<div class="position-sticky">...</div>
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-top
zãa CSS's position: sticky
, si womewɔa dɔ bliboe le web-browserwo katã me o.
IE11 kple IE10 awɔe position: sticky
abe position: relative
. Abe alesi wòle ene la, míexatsaa atsyãawo ɖe @supports
nyabiase aɖe me, eye míeɖoa seɖoƒe na nusiwo léna ɖe nu ŋu la ɖe web-browser siwo ate ŋu aɖe egɔme nyuie ko dzi.
<div class="sticky-top">...</div>