Мавқеъ
Ин утилитаҳои стенографияро барои зуд танзим кардани мавқеи элемент истифода баред.
Арзишҳои умумӣ
Дарсҳои ҷойгиркунии зуд дастрас мебошанд, гарчанде ки онҳо ҷавобгӯ нестанд.
<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>
Болои собит
Элементро дар болои порти намоиш аз канор ба канор ҷойгир кунед. Боварӣ ҳосил кунед, ки шумо оқибатҳои мавқеи устуворро дар лоиҳаи худ мефаҳмед; ба шумо лозим меояд, ки CSS-и иловагӣ илова кунед.
<div class="fixed-top">...</div>
Поёни собит
Элементро дар поёни порти намоиш аз канор ба канор ҷойгир кунед. Боварӣ ҳосил кунед, ки шумо оқибатҳои мавқеи устуворро дар лоиҳаи худ мефаҳмед; ба шумо лозим меояд, ки CSS-и иловагӣ илова кунед.
<div class="fixed-bottom">...</div>
Болои часпак
Элементро дар болои порти намоиш аз канор ба канор ҷойгир кунед, аммо танҳо пас аз гузаштан аз он. Утилита CSS -ро .sticky-top
истифода мебарад position: sticky
, ки дар ҳама браузерҳо пурра дастгирӣ намешавад.
IE11 ва IE10 position: sticky
ҳамчун position: relative
. Ҳамин тариқ, мо сабкҳоро дар як @supports
дархост ҷамъ меорем ва часпакро танҳо ба браузерҳое маҳдуд мекунем, ки онро дуруст иҷро карда метавонанд.
<div class="sticky-top">...</div>