Народ, всем привет. Position: sticky это некое и довольно редко используемое (а зря) значение CSS-свойства position, которое сочетает в себе поведение relative и fixed. Оно позволяет элементу вести себя как обычный блочный элемент, пока он находится в пределах родительского контейнера, а затем «прилипать» к заданной позиции при прокрутке страницы. Это свойство можно использовать для закреплённых заголовков, меню, боковых панелей и навигации. Как? А вот сегодня давайте и разберемся. Элемент со значением...

Каждый элемент на веб-странице занимает место в нормальном потоке документа — как книги на полке библиотеки: каждая стоит там, где ей положено по порядку. Свойство position позволяет вырвать элемент из потока (или не вырывать — зависит от значения) и управлять его положением относительно чего-то: родителя, окна, скролла. Это не «переместить пиксель влево» — это изменение контекста позиционирования. Значение по умолчанию. Элемент остаётся в нормальном потоке. Свойства top, right, bottom, left, z-index игнорируются...