Source

Gita hojii

Faayidaa gabaabduu kana fayyadamii saffisaan iddoo elementii qindeessuuf.

Gatii waliigalaa

Deebii kan hin kennine ta’us, kutaaleen saffisaan bakka itti kaa’an ni jiru.

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

Gubbaa dhaabbataa

Qaama tokko gubbaa mul'ataa irratti, qarqara irraa gara qarqaraatti kaa'i. Pirojektii kee keessatti ejjennoo dhaabbataa (fixed position) akka qabu hubachuu kee mirkaneessi; CSS dabalataa dabaluu si barbaachisuu danda'a.

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

Jalqaba dhaabbataa

Qabeentaa tokko jala mul'ataa, qarqara irraa gara qarqaraatti kaa'i. Pirojektii kee keessatti ejjennoo dhaabbataa (fixed position) akka qabu hubachuu kee mirkaneessi; CSS dabalataa dabaluu si barbaachisuu danda'a.

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

Gubbaa maxxanuu

Qaama tokko gubbaa mul'ataa irratti, qarqara irraa gara qarqaraatti, garuu erga isa bira darbitee booda qofa kaa'i. Faayidaan kun .sticky-topCSS's fayyadama position: sticky, kunis guutummaatti biraawzaroota hunda keessatti hin deeggaramne.

IE11 fi IE10 position: stickyakka position: relative. Akka kanaan, akkaataawwan gaaffii keessatti marsinee @supports, maxxanuu biraawzaroota sirriitti agarsiisuu danda'an qofa irratti daangeessina.

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