react-scrollmagic icon indicating copy to clipboard operation
react-scrollmagic copied to clipboard

Pin two scenes to one element

Open tomasz89nowak opened this issue 5 years ago • 2 comments

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);

tomasz89nowak avatar May 26 '20 14:05 tomasz89nowak

You able to figure out how to do this?

iworkinprogress avatar Oct 02 '20 17:10 iworkinprogress

Looking for the same solution - any ideas? Or at least a way to unpin it on the fly

jimjiminyjimjim avatar May 12 '21 19:05 jimjiminyjimjim