ScrollSmoother Timeline Overwrite

[pietM 24 Likes (Newbie)]

Hi Everyone! 

 

I have a timeline that plays and reverses based on scroll direction. I also use a mouse enter/leave function to trigger/control the same timeline. When using ScrollSmoother the direction overrides the mouse enter/leave functions (the timeline won't play until the scroll is at rest, even when I trigger mouse enter/leave events).

My question: Can I overwrite the scroll control to prioritize the "mouse enter/leave" functions? 

 

Thanks, as always. 

 

See the Pen abKQPmO by evryali (@evryali) on CodePen

[Rodrigo 5,077 Likes (Superhero)]

Hi,

 

The issue is not really about overwritting, that's a completely different situation.

 

Basically what's happening here is that you have different event handlers battling for control to play/reverse the same GSAP instance, nothing more. A simple boolean and some conditional logic seems to solve the issue, in order to prevent ScrollTrigger's update callback  from controlling the instance:

See the Pen Yzvdpog by GreenSock (@GreenSock) on CodePen

 

Here you can read more about overwrite:

https://greensock.com/docs/v3/GSAP/Tween/vars

 

Let us know if you have more questions.

 

Happy Tweening!

[pietM 24 Likes (Newbie)]

Ah! Thank you for taking the time. This is perfect and so helpful! Thanks again.