Что является контекстом позиционирования для sticky

Sticky-позиционирование работает внутри ближайшего родительского блока с прокруткой (overflow: hidden, scroll, auto или overlay). Если такого родителя нет, sticky будет вести себя как relative до границ viewport.

Пример:

.container {
  height: 200px;
  overflow: auto; /* контекст прокрутки для sticky */
}

.sticky-element {
  position: sticky;
  top: 10px;
}

Важные нюансы:

1. Родитель должен быть блочным элементом
2. Не работает с табличными элементами (display: table)
3. Для горизонтального sticky нужен left/right и горизонтальная прокрутка