Položaj

Uporabite te skrajšane pripomočke za hitro konfiguriranje položaja elementa.

Skupne vrednote

Na voljo so tečaji hitrega pozicioniranja, vendar niso odzivni.

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

Fiksni vrh

Postavite element na vrh vidnega polja, od roba do roba. Prepričajte se, da razumete posledice fiksnega položaja v vašem projektu; morda boste morali dodati dodaten CSS.

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

Fiksno dno

Postavite element na dno vidnega polja, od roba do roba. Prepričajte se, da razumete posledice fiksnega položaja v vašem projektu; morda boste morali dodati dodaten CSS.

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

Lepljiv vrh

Postavite element na vrh vidnega polja, od roba do roba, vendar šele, ko se pomaknete mimo njega. Pripomoček .sticky-topuporablja CSS position: sticky, ki ni v celoti podprt v vseh brskalnikih.

IE11 in IE10 bosta upodobljena position: stickykot position: relative. Kot take zavijemo sloge v @supportspoizvedbo in omejimo lepljivost samo na brskalnike, ki jo lahko pravilno upodabljajo.

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