Source

Ekifo

Kozesa bino ebikozesebwa mu bufunze okutegeka amangu ekifo ky’ekintu.

Empisa eza bulijjo

Ebisulo by’okuteeka mu kifo eky’amangu bibaawo, wadde nga tebiddamu.

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

Teeka elementi waggulu ku viewport, okuva ku bbali okutuuka ku bbali. Kakasa nti otegedde ebiva mu kifo ekinywevu mu pulojekiti yo; oyinza okwetaaga okwongerako CSS endala.

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

Wansi atakyukakyuka

Teeka ekintu wansi w'ekifo eky'okulaba, okuva ku bbali okutuuka ku bbali. Kakasa nti otegedde ebiva mu kifo ekinywevu mu pulojekiti yo; oyinza okwetaaga okwongerako CSS endala.

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

Top ekwatagana

Teeka elementi waggulu ku viewport, okuva ku bbali okutuuka ku bbali, naye nga omaze okugiyitako. Ekikozesebwa .sticky-topkikozesa CSS's position: sticky, ekitawagirwa mu bujjuvu mu bulawuzi zonna.

IE11 ne IE10 zijja kulaga position: stickynga position: relative. Nga bwe kiri, tuzinga emisono mu @supportskubuuza, nga tukoma ku kunywerera ku bulawuzi zokka ezisobola okugikola obulungi.

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