Прилипание элемента к верху экрана при прокрутке

#css3 #css

При загрузке некоторый элемент находится не в самом верху экрана. При прокрутке,
когда верхняя часть документа скрыта, положение элемента фиксируется. Пример - поисковая
строка Яндекса при просмотре результатов. 
Задача фиксации объекта (прилипания к верху экрана) решается при помощи javascript/jquery...
Возможно ли сделать это на чистом CSS?    

Ответы

Ответ 1

Без js нельзя. Fixed Floating Elements. Смысл в изменении класса для элемента при
скроллинге.


Ответ 2

Если этот элемент уже вверху экрана, то можно использовать правила:

position: fixed;
top: 0;


Ответ 3

В CSS есть относительно новое значение позиционирования - position: sticky. Но оно,
насколько я знаю, на данный момент поддерживается только в Safari, в других браузерах
реализовать это можно на данный момент только через JavaScript: используете Scroll
events и меняете position: relative на position: fixed.