Laptop touchpad long swipe continue to scroll page after scrollTop: smoother.offset animation

[kwastaras]

I did this transitions with gsap, but the problem is, that on a laptop trackpad (touchpad) or mobile swipe, if you do a "long swipe", scroll event can last up to 2-3 seconds, so page continue to scroll even after animation played. I've read that scroll event cannot be interrupted... Would be very grateful for some idea how to solve this... ( p.s i don't want to use library "fullpage js", because after this few slides a website needs to have normal smooth-scrolling behavior ) 

Quote

 

 

i found this similar thread and there seems to be no solution to this problem 🙁

See the Pen vYRqdwd by taras-grushowskij (@taras-grushowskij) on CodePen

[Cassie]

Heya - You can mix together scrollTrigger and observer (to listen to events and fire animations).

This is just a rough idea but should set you off in the right direction

See the Pen 1ccf60146d680c09ba6074bf9132778d by GreenSock (@GreenSock) on CodePen