Sticky scroll story

Когда использовать

Build a native sticky narrative with readable chapters.

Решения для реализации

1. Use position:sticky and adequate parent height; avoid ancestors that break sticky.
2. Map bounded local progress to the scene and keep text in the document.
3. Collapse to linear content on screens too small for pinning.
4. Scope and dispose any library scroll triggers on unmount.

Как проверить результат

• Sticky content releases at the section end.
• Anchors and browser find reach chapter text.
• Reduced motion preserves the full story.

Работающий пример

Файлы