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