Position
Shandisa izvi shorthand utilities kukurumidza kugadzirisa nzvimbo yechinhu.
Tsika dzakajairika
Makirasi ekumisikidza anowanikwa, kunyangwe asingadaire.
<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>
Fixed top
Isa chinhu pamusoro penzvimbo yekuona, kubva kumucheto kuenda kumucheto. Iva shuwa kuti unonzwisisa ramifications yechinzvimbo chakamira mupurojekiti yako; ungangoda kuwedzera imwe CSS.
<div class="fixed-top">...</div>
Yakagadziriswa pasi
Isa chinhu pazasi penzvimbo yekuona, kubva kumucheto kuenda kumucheto. Iva shuwa kuti unonzwisisa ramifications yechinzvimbo chakamira mupurojekiti yako; ungangoda kuwedzera imwe CSS.
<div class="fixed-bottom">...</div>
Sticky top
Isa chinhu kumusoro kwenzvimbo yekuona, kubva kumucheto kusvika kumucheto, asi chete mushure mekunge wapfuura nepairi. Iyo .sticky-top
yekushandisa inoshandisa CSS's position: sticky
, iyo isinganyatso kutsigirwa mumabhurawuza ese.
IE11 uye IE10 ichapa position: sticky
se position: relative
. Saka nekudaro, isu @supports
tinoputira masitaera mumubvunzo, tichidzikamisa kunamira kumabhurawuza chete anogona kupa nemazvo.
<div class="sticky-top">...</div>