pozícia

Pomocou týchto skratiek môžete rýchlo nakonfigurovať polohu prvku.

Spoločné hodnoty

K dispozícii sú kurzy rýchleho určovania polohy, hoci nereagujú.

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

Pevný vrch

Umiestnite prvok do hornej časti výrezu, od okraja po okraj. Uistite sa, že rozumiete dôsledkom pevnej pozície vo vašom projekte; možno budete musieť pridať ďalšie CSS.

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

Pevné dno

Umiestnite prvok na spodok výrezu, od okraja po okraj. Uistite sa, že rozumiete dôsledkom pevnej pozície vo vašom projekte; možno budete musieť pridať ďalšie CSS.

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

Priľnavý vrch

Umiestnite prvok do hornej časti výrezu, od okraja k okraju, ale až potom, keď sa za ním posuniete. Tento .sticky-topnástroj používa CSS position: sticky, ktorý nie je plne podporovaný vo všetkých prehliadačoch.

IE11 a IE10 sa vykreslia position: stickyako position: relative. Štýly preto zabalíme do @supportsdopytu, čím obmedzíme lepivosť iba na prehliadače, ktoré ho dokážu správne vykresliť.

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