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-top
CSS's fayyadama position: sticky
, kunis guutummaatti biraawzaroota hunda keessatti hin deeggaramne.
IE11 fi IE10 position: sticky
akka position: relative
. Akka kanaan, akkaataawwan gaaffii keessatti marsinee @supports
, maxxanuu biraawzaroota sirriitti agarsiisuu danda'an qofa irratti daangeessina.
<div class="sticky-top">...</div>