Source

Xiyimo

Tirhisa switirhisiwa leswi swo koma ku hatlisa u lulamisa xiyimo xa elemente.

Mimpimanyeto leyi tolovelekeke

Titlilasi ta ku veka swilo hi ku hatlisa ta kumeka, hambileswi ti nga hlamuliki.

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

Fixed ehenhla

Veka elemente ehenhla ka xivono, ku suka eka tlhelo ku ya eka tlhelo. Tiyisisa leswaku wa swi twisisa switandzhaku swa xiyimo lexi nga cinciki eka phurojeke ya wena; u nga ha lava ku engetela CSS leyi engetelekeke.

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

Ku vekiwa ehansi

Veka elemente ehansi ka xivono, ku suka eka tlhelo ku ya eka tlhelo. Tiyisisa leswaku wa swi twisisa switandzhaku swa xiyimo lexi nga cinciki eka phurojeke ya wena; u nga ha lava ku engetela CSS leyi engetelekeke.

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

Xiambalo xa le henhla lexi namarhelaka

Veka elemente ehenhla ka xivono, ku suka eka tlhelo ku ya eka tlhelo, kambe ntsena endzhaku ka loko u rhelerile u hundza eka xona. Xitirhisiwa lexi .sticky-topxi tirhisa CSS's position: sticky, leyi nga seketeriwiki hi ku helela eka swihlamusela-marito hinkwaswo.

IE11 na IE10 swi ta hundzuluxela position: stickytanihi position: relative. Hi ndlela yaleyo, hi phutsela switayele eka @supportsxivutiso, hi ringanyeta ku namarhela eka swihlamusela-marito ntsena leswi nga swi hundziselaka kahle.

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