Мавқеъ

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

Дар ин саҳифа

Болои собит

Элементро дар болои порти намоиш аз канор ба канор ҷойгир кунед. Боварӣ ҳосил кунед, ки шумо оқибатҳои мавқеи устуворро дар лоиҳаи худ мефаҳмед; ба шумо лозим меояд, ки CSS-и иловагӣ илова кунед.

<div class="fixed-top">...</div>

Поёни собит

Элементро дар поёни порти намоиш аз канор ба канор ҷойгир кунед. Боварӣ ҳосил кунед, ки шумо оқибатҳои мавқеи устуворро дар лоиҳаи худ мефаҳмед; ба шумо лозим меояд, ки CSS-и иловагӣ илова кунед.

<div class="fixed-bottom">...</div>

Болои часпак

Элементро дар болои порти намоиш аз канор ба канор ҷойгир кунед, аммо танҳо пас аз гузаштан аз он. Утилита CSS -ро .sticky-topистифода мебарад position: sticky, ки дар ҳама браузерҳо пурра дастгирӣ намешавад.

<div class="sticky-top">...</div>

Болои часпанда ҷавобгӯ

Вариантҳои ҷавобӣ низ барои .sticky-topутилита вуҷуд доранд.

<div class="sticky-sm-top">Stick to the top on viewports sized SM (small) or wider</div>
<div class="sticky-md-top">Stick to the top on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-top">Stick to the top on viewports sized LG (large) or wider</div>
<div class="sticky-xl-top">Stick to the top on viewports sized XL (extra-large) or wider</div>