Disable reverse on Timeline Max

[Eli Altman]

Hi,

I am having an issue with being able to disable reverse timeline when the scrolling is reversed. 

[GreenSock]

We'd be happy to help if you post a minimal demo. Otherwise, it's almost impossible to know what's going on

[Eli Altman]

See the Pen rNmNYBg by dzafman-meta (@dzafman-meta) on CodePen

 

 

I would like the animation to not reverse once scrolled back up. 

[GreenSock]

I'm a bit confused - you have scrub: true which means it directly links the playhead to the scrollbar position. Do you never want the animation to reverse at all (even if the user scrolls back up when it's halfway done)? Or are you saying you want to essentially kill the scrub when the animation reaches the end (like only if the user scrolls ALL the way to the end)? Please provide more details - almost anything is possible; we just need to understand your intent. 

[Eli Altman]

I want it to kill the scrub when the animation is finished, sorry for the confusion. 

 

[GreenSock]

No problem. Just add an onLeave callback that kills the ScrollTrigger but doesn't revert it: 

onLeave: self => self.kill(false, true)

See the Pen jOmOxGW?editors=0010 by GreenSock (@GreenSock) on CodePen

 

Happy tweening!