Make ScrollTrigger draw a path in one direction only
Hello!
Didn't find the hints here. How can I make the path draw with the help of DrawSVGPlugin and Scrolltrigger. But to make it be drawn only on scroll down and to leave what is already drawn on scroll up? I played with one of the demos on codepen using onUpdate method and self.direction but didn't succeed.
See the Pen rNOBLBV by GreenSock (@GreenSock) on CodePen
Hey Stanimish. The trick to this is to create your animation separate from the ScrollTrigger, make sure it's paused, then use ScrollTrigger's onUpdate to change the progress if the new progress is greater than the old one. Applied to the linked demo:
See the Pen abZjjNr?editors=0010 by GreenSock (@GreenSock) on CodePen
