Posizioa
Erabili laburdura utilitate hauek elementu baten posizioa azkar konfiguratzeko.
Balio komunak
Kokapen azkarreko klaseak eskuragarri daude, nahiz eta ez diren erantzuten.
<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>
Goiko finkoa
Kokatu elementu bat bistaren goiko aldean, ertzetik ertzera. Ziurtatu zure proiektuan posizio finkoaren ondorioak ulertzen dituzula; baliteke CSS gehigarriak gehitu behar izatea.
<div class="fixed-top">...</div>
Hondo finkoa
Kokatu elementu bat bistaren behealdean, ertzetik ertzera. Ziurtatu zure proiektuan posizio finkoaren ondorioak ulertzen dituzula; baliteke CSS gehigarriak gehitu behar izatea.
<div class="fixed-bottom">...</div>
Goiko itsaskorra
Jarri elementu bat bistaren goiko aldean, ertzetik ertzera, baina handik korritu ondoren. .sticky-top
Utilitateak CSS-ak erabiltzen ditu position: sticky
, nabigatzaile guztietan guztiz onartzen ez dena.
IE11 eta IE10 position: sticky
gisa errendatuko dira position: relative
. Horrela, estiloak @supports
kontsulta batean biltzen ditugu, itsaskortasuna behar bezala errenda dezaketen arakatzaileetara soilik mugatuz.
<div class="sticky-top">...</div>