Мавқеъ

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

Дар ин саҳифа

Болои собит

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

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

Поёни собит

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

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

Болои часпак

Элементро дар болои порти намоиш аз канор ба канор ҷойгир кунед, аммо танҳо пас аз гузаштан аз он.

<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>
<div class="sticky-xxl-top">Stick to the top on viewports sized XXL (extra-extra-large) or wider</div>

Поёни часпанда

Элементро дар поёни порти намоиш аз канор ба канор ҷойгир кунед, аммо танҳо пас аз гузаштан аз он.

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

Поёни часпанда ҷавобгӯ

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

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