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

Липкое позиционирование sticky — это новое значение свойства position, добавленное как часть спецификации модуля макета CSS3. Оно действует аналогично позиционированию relative , поскольку ничего не удаляет из потока документов. Другими словами, липкий элемент не влияет на положение соседних элементов и не разрушает его родительский элемент. В следующем примере, мы устанавливаем для #sidebar позицию sticky вместе с top: 10px. Значение top является обязательным и указывает расстояние от верхнего края области просмотра, где элемент будет прикреплен...