Jump to content


ScrollTrigger choppy with mouse wheel

Moderator Tag

Recommended Posts

Is there any way to smooth-out/tween scrolltrigger animations when people are using an external wheel mouse?


It seems like using a touch pad or even a magic mouse the animations are super smooth. 

However, using a wheel mouse causes the scroll positions to jump large amounts of pixels and therefore cause the animations to jump too.

  • Like 1
Link to comment
Share on other sites


That's just due to the way most browsers handle the scrolling.

Probably sort of related topic:




You could add some sort of smooth-scrolling to your page though, if you wanted, and hook it up with ScrollTriggers scrollerProxy:



If you wouldn't want to use an external library, although ScrollTrigger is not actually made for that, it is possbile to achieve that sort of smooth-scrolling with gsap only. You could check how it's done in this thread for example:







  • Like 2
Link to comment
Share on other sites

There is also a few good tutorials/courses that cover smooth scrolling. Here is a few links:






I have taken both and they are great, I learned a lot and they both cover smooth scrolling with GSAP and/or a 3rd party library.


  • Like 3
Link to comment
Share on other sites

If you're doing scrub animations, just add a duration instead of true.

scrollTrigger: {
  scrub: 0.5


  • Like 3
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.