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-topUtilitateak CSS-ak erabiltzen ditu position: sticky, nabigatzaile guztietan guztiz onartzen ez dena.

IE11 eta IE10 position: stickygisa errendatuko dira position: relative. Horrela, estiloak @supportskontsulta batean biltzen ditugu, itsaskortasuna behar bezala errenda dezaketen arakatzaileetara soilik mugatuz.

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