Using position: sticky + https://www.w3.org/TR/scroll-animations-1/ to implement pure CSS scroll driven story-telling 📜📖 https://flackr.github.io/web-demos/scroll-animations/story-telling/
Scroll-driven Animations

@flackr Great work 🙌🏼. This can be very useful.

I wonder if there was a way to make this accessible as well?

When using VoiceOver the scroll won't be kept in sync and the elements will not be visible.

Easily fixed with a little JS, but I wonder if we could spec a way to define corresponding scroll position when navigating inside sticky and fixed positioned elements.

Like

```css
.phone-view:has(.some-selector:focus-within) .{
bikeshed-scroll-position: 33%;
}
```