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