Umwanya

Koresha ibi bigufi byingirakamaro kugirango ugaragaze vuba umwanya wikintu.

Indangagaciro

Ibyiciro byimyanya byihuse birahari, nubwo bititabira.

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

Hejuru

Shyira ikintu hejuru hejuru yicyerekezo, kuva kumpera kugera kumpera. Wemeze ko usobanukiwe neza imyanya ihamye mumushinga wawe; urashobora gukenera kongeramo CSS.

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

Hasi hepfo

Shyira ikintu munsi yukureba, kuva kumpera kugera kumpera. Wemeze ko usobanukiwe neza imyanya ihamye mumushinga wawe; urashobora gukenera kongeramo CSS.

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

Hejuru

Shyira ikintu hejuru yukureba, kuva kumpande kugera kumpera, ariko nyuma yo kuzenguruka hejuru yacyo. Igikoresho .sticky-topgikoresha CSS position: sticky, kidashyigikiwe byuzuye muri mushakisha zose.

IE11 na IE10 bizatanga position: stickynkuko position: relative. Nkibyo, dupfunyika imisusire @supportsmubibazo, tugabanya gukomera kuri mushakisha gusa zishobora gutanga neza.

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