Source

Ɖ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-topzãa CSS's position: sticky, si womewɔa dɔ bliboe le web-browserwo katã me o.

IE11 kple IE10 awɔe position: stickyabe position: relative. Abe alesi wòle ene la, míexatsaa atsyãawo ɖe @supportsnyabiase 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>