ScrollTo with ScrollTrigger: uncontrollable scroll
I unfortunately can't provide a reproducable URL, as this is happening only on my local environment and I guess I have something specific causing this issue, but maybe it will be possible for anyone to point out some guesses. You can see on the video what is happening when I start scroll. And this is my code:
setup() {
const goToSection = (section) => {
gsap.to(window, {
scrollTo: { y: section, autoKill: false },
duration: 1,
});
};
onMounted(() => {
gsap.register
Yeah, that's because of momentum scrolling that cause some devices (like Apple ones) to keep dispatching wheel events for a while. So imagine you flick the touchpad pretty hard and it goes to the next section but by the time it's finished animating, the touchpad is STILL dispatching a bunch of scroll events that are trying to continue the original motion - those scroll positions may be lagging behind, thus the browser is telling the window to scroll backwards which triggers that ScrollTrigger.