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/
@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%;
}
```