Boemo
Sebelisa lisebelisoa tsena tse khuts'oane bakeng sa ho hlophisa kapele boemo ba element.
Mekhoa e tloaelehileng
Lithuto tsa ho beha maemo ka potlako lia fumaneha, leha li sa arabele.
<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>
E tsitsitseng holimo
Beha elemente kaholimo ho boema-kepe, ho tloha pheletsong ho isa pheletsong. Etsa bonnete ba hore o utloisisa litlamorao tsa boemo bo tsitsitseng morerong oa hau; o ka hloka ho eketsa CSS e eketsehileng.
<div class="fixed-top">...</div>
E tsitsitseng tlase
Beha elemente botlaaseng ba sebaka sa pono, ho tloha pheletsong ho isa pheletsong. Etsa bonnete ba hore o utloisisa litlamorao tsa boemo bo tsitsitseng morerong oa hau; o ka hloka ho eketsa CSS e eketsehileng.
<div class="fixed-bottom">...</div>
Bokaholimo bo khomarelang
Beha ntho e kaholimo ho sebaka sa pono, ho tloha pheletsong ho isa pheletsong, empa feela ka mor'a hore u fetele ho eona. Sesebelisoa .sticky-top
se sebelisa CSS's position: sticky
, e sa tšehetsoeng ka botlalo ho libatli tsohle.
IE11 le IE10 li tla fana position: sticky
ka e le position: relative
. Ka hona, re phuthela setaele @supports
potsong, re fokotsa ho ts'oara ho libatli feela tse ka fanang ka eona hantle.
<div class="sticky-top">...</div>