Как работает position: sticky? Когда элемент "отклеивается"?

Question

Элемент ведет себя как relative, пока его родитель не прокрутится до указанной границы (top, left и т.д.), затем становится fixed."Отклеивается", когда родительский контейнер полностью прокручен.

YeaHub · Accepted Answer

Пример:.sticky-element {
  position: sticky;
  top: 20px; /* Прилипает, когда расстояние до верха viewport ≤ 20px */
}Условия работы:Родитель должен иметь область прокрутки (например, overflow: auto).sticky работает только внутри родителя — при прокрутке за его пределы элемент "отклеивается".Вывод:sticky идеален для заголовков таблиц или меню, которые должны оставаться видимыми при прокрутке.