Source

Мавқеъ

Ин утилитаҳои стенографияро барои зуд танзим кардани мавқеи элемент истифода баред.

Арзишҳои умумӣ

Дарсҳои ҷойгиркунии зуд дастрас мебошанд, гарчанде ки онҳо ҷавобгӯ нестанд.

<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>