Padėtis
Naudokite šias trumpąsias priemones, kad greitai sukonfigūruotumėte elemento padėtį.
Bendros vertybės
Galimos greitos padėties nustatymo klasės, tačiau jos nereaguoja.
<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>
Fiksuotas viršus
Padėkite elementą peržiūros srities viršuje nuo krašto iki krašto. Įsitikinkite, kad suprantate fiksuotos padėties pasekmes savo projekte; gali reikėti pridėti papildomo CSS.
<div class="fixed-top">...</div>
Fiksuotas dugnas
Padėkite elementą peržiūros srities apačioje nuo krašto iki krašto. Įsitikinkite, kad suprantate fiksuotos padėties pasekmes savo projekte; gali reikėti pridėti papildomo CSS.
<div class="fixed-bottom">...</div>
Lipnus viršus
Padėkite elementą peržiūros srities viršuje nuo krašto iki krašto, bet tik tada, kai slinksite pro jį. Priemonė .sticky-top
naudoja CSS position: sticky
, kuri nėra visiškai palaikoma visose naršyklėse.
IE11 ir IE10 bus pateikiami position: sticky
kaip position: relative
. Taigi stilius @supports
apjungiame į užklausą, apribodami lipnumą tik toms naršyklėms, kurios gali tinkamai jį pateikti.
<div class="sticky-top">...</div>