Пользовался ли position sticky

position: sticky — это гибрид relative и fixed. Элемент ведёт себя как relative, пока не достигнет заданного offset (например, top: 10px), после чего «прилипает» к viewport.

Особенности:

• Работает только с указанием хотя бы одного offset (top, bottom и т.д.).
• Родительский контейнер не должен иметь overflow: hidden.
• В Safari требуется -webkit-sticky.

Пример:

.sticky-element {
  position: sticky;
  top: 0;
  background: #fff;
}

Используется для навигационных панелей, заголовков таблиц. Может не работать в старых браузерах.