Gsap snap very buggy on mobile devices
Hi,
I coded something with gsap and the page is snapping to the nearest element when a scroll ends. It works perfectly on Desktop but it is very buggy on my mobile with safari and chrome. The snapping is very laggy, the page jumps a bit up and down and sometimes the snapping won't work at all.
Is there maybe any common issue with gsap snap on mobiles, which I may have been doing wrong while coding the desktop version?
(In my codepen there is called a background-imag
If I understand you correctly, yes, that's because Safari literally changes the entire height of the viewport due to the browser chrome becoming visible or hiding. ScrollTrigger does a "soft" refresh in that case, meaning it WAITS until the scrolling stops before it fires its refresh() to re-calculate all the positions, otherwise Safari would suddenly stop the momentum-based scrolling. Either way, you'd have a jump because of the browser resizing everything. That's not a bug in ScrollTrigger.
