Отличие sticky-позиционирования от других видов позиционирования заключается в том, что элемент со значением position: sticky позиционируется в зависимости от пользовательского положения прокрутки веб-страницы. 2
Такой элемент переключается между значениями relative и fixed в зависимости от положения прокрутки веб-страницы. 2 До тех пор, пока позиция элемента при прокрутке не достигнет края окна просмотра, у элемента будет значение relative, затем элемент «прилипает» на месте (как при значении position:fixed). 2
Другие виды позиционирования:
- position: static — значение по умолчанию, элемент позиционируется в соответствии с его местом в потоке документа; 1
- position: relative — элемент позиционируется относительно своего исходного положения в потоке документа; 1
- position: fixed — элемент позиционируется относительно окна браузера, он всегда будет оставаться на одном и том же месте, даже если страница будет прокручиваться; 2
- position: absolute — элемент имеет абсолютную позицию относительно ближайшего родительского элемента, если у элемента нет позиционированных родителей, то в качестве базы будет использоваться тело документа, и элемент будет двигаться вслед за прокруткой страницы. 2