Jitter on Safari mobile with ScrollTrigger pin

[LeoLover]

When I scroll the page on Safari iOS I can see a jitter on the page. Not in the animation but the overall page -- the text, etc. I understand that Safari handles scroll differently, but I'm not sure if there's something else I can do to stop it. When I comment out the JavaScript and scroll the page the jitter goes away. 

See the Pen NWZeGpW by bethalessi (@bethalessi) on CodePen.

[Rodrigo]

Hi,

 

I just tested your demo on an iPad running iOS 17 on Chrome and Safari and it looks quite normal to me on both browsers even disabling the JS part.

 

ScrollTrigger normalizeScroll is basically our best effort to overcome a series of situations caused mostly by iOS and plenty of hours have gone into it, but unfortunately it doesn't solves everything since there are some situations that escape what we can do. I wish we had something that solves 100% of the problems with iOS.

 

Finally I suggest you using GSAP MatchMedia for your responsive code:

https://gsap.com/docs/v3/GSAP/gsap.matchMedia()

 

Sorry I can't be of more assistance 😞