Increase speed of Marquee when user scroll

[haotv]

How to increase speed of marquee when scroll, effect like this page: https://moheim.com/jp/ 

See the Pen VwQgQWW by theflash8888 (@theflash8888) on CodePen

[GreenSock]

You can just animate the timeScale() of the timeline. Here's a quick mockup: 

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

 

By the way, I would strongly recommend not animating the marginTop property like that. It's much more performant to animate the "y" or "yPercent" property (transforms). You might want to look at the helper function in the docs for seamlessly looping on the x-axis for inspiration. 

 

Good luck!

[haotv]

Hi GreenSock

 

Thank you for your help, but effect is still not same. Do you have another way ?

Thank you for your recommend, i will use "y" or "yPercent" instead of "marginTop"

 

 

[haotv]

Hi GreenSock

 

Thank you for your help, maybe I need to use scrollmoother plugin!!!

[GreenSock]

ScrollSmoother is great if you want to smooth the entire page scrolling, yes. Not if you just want that one part to change velocity to be faster while scrolling. 

 

These forums aren't really for "I found a cool effect on another site - please build it for me" requests (please see the forum guidelines) but we're happy to answer any GSAP-specific questions you may have. 

 

My goal with that demo was not to match perfectly what that other site did - I was trying to illustrate the concept of linking a ScrollTrigger's velocity to the timeScale of another animation. You can tweak it however you want. 

[haotv]

8 minutes ago, GreenSock said:

ScrollSmoother is great if you want to smooth the entire page scrolling, yes. Not if you just want that one part to change velocity to be faster while scrolling. 

 

These forums aren't really for "I found a cool effect on another site - please build it for me" requests (please see the forum guidelines) but we're happy to answer any GSAP-specific questions you may have. 

 

My goal with that demo was not to match perfectly what that other site did - I was trying to illustrate the concept of linking a ScrollTrigger's velocity to the timeScale of another animation. You can tweak it however you want. 

Hi GreenSock

 

I'm so sorry for this => "I found a cool effect on another site - please build it for me"  

My problem is fixed on localhost by change velocity, thank you so much for your help, I'm really like GSAP. Thank you!!! :):):)

[GreenSock]

You are very welcome. Enjoy the tools! 🙌