react-scrollmagic
react-scrollmagic copied to clipboard
Pin two scenes to one element
Is it possible to pin two or more scenes to one element? An equivalent of this in the original API: https://scrollmagic.io/examples/expert/cascading_pins.html
new ScrollMagic.Scene({ triggerElement: "#trigger", duration: 150 })
.setPin("#pin")
.setClassToggle("#pin", "green")
.on("enter leave", updateBox)
.addTo(controller);
new ScrollMagic.Scene({ triggerElement: "#trigger", duration: 150, offset: 300 })
.setPin("#pin")
.setClassToggle("#pin", "green")
.on("enter leave", updateBox)
.addTo(controller);
You able to figure out how to do this?
Looking for the same solution - any ideas? Or at least a way to unpin it on the fly