Change direction of timeline based on mouse position
Hello everyone, I would like to change the timeline direction from left to right and right to left based on the position of the mouse but I can't seem to get how to do it. I saw this Codepen:
See the Pen OKNadm by GreenSock (@GreenSock) on CodePen
and it works but mine doesn't.
Any help would be great. thank you in advance
See the Pen ZEQyaJY by dongepulango (@dongepulango) on CodePen
I'd probably take a very different approach:
Create an infinitely repeating timeline. There's a helper function in the docs for this, but you can do it however you want.
Hook that up to a simple mousemove/pointermove event handler that alters its timeScale based on the position in the viewport. Negative timeScale goes in the reverse direction.
See the Pen poeppvM?editors=0010 by GreenSock (@GreenSock) on CodePen
Is that what you'r
