Pożizzjoni
Uża dawn l-utilitajiet shorthand biex tikkonfigura malajr il-pożizzjoni ta 'element.
Valuri komuni
Klassijiet ta 'pożizzjonament ta' malajr huma disponibbli, għalkemm mhumiex reattivi.
<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>
Fuq fiss
Poġġi element fil-quċċata tal-vetrina, minn tarf għal tarf. Kun żgur li tifhem ir-ramifikazzjonijiet tal-pożizzjoni fissa fil-proġett tiegħek; jista' jkollok bżonn iżżid CSS addizzjonali.
<div class="fixed-top">...</div>
Qiegħ fiss
Poġġi element fil-qiegħ tal-viewport, minn tarf għal tarf. Kun żgur li tifhem ir-ramifikazzjonijiet tal-pożizzjoni fissa fil-proġett tiegħek; jista' jkollok bżonn iżżid CSS addizzjonali.
<div class="fixed-bottom">...</div>
Top li jwaħħal
Poġġi element fil-quċċata tal-vetrina, minn tarf għal tarf, iżda biss wara li tiskrollja minnha. L .sticky-top
-utilità tuża CSS's position: sticky
, li mhix appoġġjata bis-sħiħ fil-browsers kollha.
IE11 u IE10 se jirrendu position: sticky
bħala position: relative
. Bħala tali, aħna nagħżlu l-istili @supports
f'mistoqsija, u nillimitaw it-twaħħil għal browsers biss li jistgħu jirrenduha kif suppost.
<div class="sticky-top">...</div>