Почему `position: sticky` ломается из-за `overflow` у предков?

Question

Accepted Answer

## Ловушка sticky

Sticky-элемент «липнет» внутри своего **nearest scroll ancestor**. Если у предка `overflow: hidden|auto|scroll` (в любой оси), этот предок часто становится containing scrollport — sticky ограничивается им, а не окном.

Типичные симптомы: «липкая шапка» не фиксируется при скролле страницы, потому что липнет внутри карточки с `overflow: hidden` (например, ради `border-radius`).

```css
/* подозрительно для sticky-потомка */
.card { overflow: hidden; }
.header { position: sticky; top: 0; }
```

Диагностика: в DevTools смотреть, кто scroll container. Фикс — убрать лишний overflow, перенести clipping на другой слой, или осознанно скроллить нужный контейнер.