Положај
Користите ове скраћене услужне програме за брзо конфигурисање положаја елемента.
Заједничке вредности
Доступни су часови брзог позиционирања, иако не реагују.
<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>
Фиксни врх
Поставите елемент на врх прозора за приказ, од ивице до ивице. Будите сигурни да разумете последице фиксне позиције у вашем пројекту; можда ћете морати да додате додатни ЦСС.
<div class="fixed-top">...</div>
Фиксно дно
Поставите елемент на дно прозора за приказ, од ивице до ивице. Будите сигурни да разумете последице фиксне позиције у вашем пројекту; можда ћете морати да додате додатни ЦСС.
<div class="fixed-bottom">...</div>
Лепљиви врх
Поставите елемент на врх прозора за приказ, од ивице до ивице, али тек након што прођете поред њега. Услужни .sticky-top
програм користи ЦСС position: sticky
, који није у потпуности подржан у свим прегледачима.
ИЕ11 и ИЕ10 ће се приказати position: sticky
као position: relative
. Као такви, ми умотавамо стилове у @supports
упит, ограничавајући лепљивост само на претраживаче који то могу исправно приказати.
<div class="sticky-top">...</div>