Source

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-topse sebelisa CSS's position: sticky, e sa tšehetsoeng ka botlalo ho libatli tsohle.

IE11 le IE10 li tla fana position: stickyka e le position: relative. Ka hona, re phuthela setaele @supportspotsong, re fokotsa ho ts'oara ho libatli feela tse ka fanang ka eona hantle.

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