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>

Леплив врв

Поставете елемент на врвот на приказот, од раб до раб, но само откако ќе поминете покрај него. Алатката .sticky-topкористи CSS position: sticky, што не е целосно поддржано во сите прелистувачи.

IE11 и IE10 ќе position: stickyсе претстават како position: relative. Како такви, ние ги завиткуваме стиловите во @supportsбарање, ограничувајќи ја лепливоста само на прелистувачите кои можат правилно да го прикажуваат.

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