Как создать: элементы с sticky positiоn
- Предыдущая страница Фиксированный нижний колонтитул
- Следующая страница Однородность
Узнайте, как использовать CSS для создания элементов с sticky positiоn.
Внимание:Этот пример не подходит для Internet Explorer или Edge 15 и более ранних версий.
Элементы с sticky positiоn
Пример
div.sticky {
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
}
Элементы с sticky positiоn переключаются между относительным и фиксированным позиционированием в зависимости от положения скролла. До достижения заданного смещения в поле зрения, они занимают относительное положение, а затем
Внимание:Internet Explorer, Edge 15 и более ранние версии не поддерживают sticky позиционирование. Safari требует префикса -webkit (см. примеры ниже). Для того чтобы sticky позиционирование работало, необходимо至少 указать один из top, right, bottom или left.
Соответствующие страницы
Учебник:CSS позиционирование
- Предыдущая страница Фиксированный нижний колонтитул
- Следующая страница Однородность
