Sticky parallax

[mogmog]

Many parallax libraries have the ability to mark an element as 'sticky' such that as you scroll, certain elements are not scrolled until a certain threshold is reached, eg:

https://stickyroll.github.io/react-stickyroll/

My question is, does react-spring's parallax provide such a feature, or is there a property i can inspect to simulate this effect?

[fullspectrumprocessing]

Definitely interested in this feature also!!

[nickmcmillan]

I needed this for a project so decided to try writing it myself. The effect can be accomplished by using React Springs primitives and position: sticky.

I've loaded it with comments. Hopefully some of you find this useful and also spot some areas for improvement.

https://codesandbox.io/s/scroll-animation-with-react-spring-pndnu

[joshuaellis]

Big thanks to the fantastic @kindoflew this has been released in the latest 9.2.0 beta (6).