scroll to section jumping on MacOS

[FLYPILOT]

Hello guys.

 

I've this code already working on my project, when I want to scroll the page only section by section. However this have a "bug on MacOS" that depending on how "strong" the scroll movement is done, both touch pad and magic mouse, more the one section is scrolled in total. I've attached a pen with my code and a video showing the jumping.

Is this a known issue? is there any solution for MacOS? In windows the animation is fine.

See the Pen dyQaZxZ by jo-o-luiz-de-figueiredo-magalh-es (@jo-o-luiz-de-figueiredo-magalh-es) on CodePen

[GreenSock]

Hi @FLYPILOT. Thanks for being a Club GreenSock member!

 

I think that's just because those events keep being fired by Mac devices for a while. For example, if you flick hard on a magic mouse, you'll see that wheel events keep getting dispatched for a while. Same for touch pad interactions. So you need to code accordingly - it's not really a GSAP/ScrollTrigger issue. I'm not aware of a way to force Mac devices to immediately STOP dispatching those.