Hi all!
How do I make the pinning and scrolling of a container work properly when there is content above and below it?
So the problem is as I scroll to the pinned content, it only gets pinned when it's half way through. It works fine if there's no content above and below the container (yellow box) but when there is, the scroll takes longer to pin and finish. And since the active state (red) depends on the scroll, that too doesn't work as expected, it starts before the container is pinned and ends while it's still pinned causing the items to have no active state towards the end of the timeline.
Also when I'm scrolling too fast, the items just go by very quickly. Is there any way to turn it into a step animation?
I'm guessing it has something to do with the `start` and `end` properties. But I'm having a difficult time figuring out how to fix this. Or is this even the right way to go about this?
Please view the example in fullscreen.
Thank you!