CSS- коротко о главном.

Позиционирование элементов
Position: Sticky.
Элемент с position: sticky похож на элемент с position: fixed с той разницей, что фиксируется относительно родительского блока. Смещается с помощью отступов и таких свойств как transform, margin, padding. Место, которое он занимал -сохраняется. Размещается над другими блоками с помощью z-index.
Важно учитывать начальное расположение элементов, так если после него прописан элемент с position: relative, то он перекроет блок с position: sticky во время эффекта “прилипания”.
Position: Sticky не сработает в следующих случаях:
1. Если у родительского блока и элемента с position: sticky одинаковая высота;
2. Если у родительского блока значение overflow :hidden;
3. Если все 4 отступа имеют значение auto;
4. Если элемент position: sticky является единственным элементом своего родителя.