CecoSvidovski

My coworker with the iPhone 14 is not here but soon I think he'll be here and I'll test it. On the Galaxy S9+ though the animations are still jumpy but not that much. I managed to test it on Safari on an iPhone X and animations are also jumpy. It's mostly noticeable when the address bar shows/hides. In my website I use a div which I animate using yPercent and there the problem is so much more noticeable. I'll try implementing the parallax using background-position. The thing is I've seen many websites with parallax effects and there I haven't spotted this bug on any device I've checked. They were using translate3d though to make the effect. I don't know if that helps in a way just asking. Here's an example - autexacoustics.com In the above mentioned website every animation is very smooth and not jumping at all even when address bar shows/hides.

Hello there! I'm using the latest GSAP and ScrollTrigger libraries and am getting jumpy animations on mobile. Both on Android 10 - the latest Chrome and Mozilla, and iOS 17.2 - latest Chrome, Safari, Mozilla and Brave. This happens when I try to implement a parallax effect. The problem occurs on your parallax demo too. When I enable normalizeScroll the problem disappears from both iOS and Android but it introduces a new problem on iOS. On iOS the scroll starts lagging a lot when my finger is on the screen. When my finger leaves the screen everything continues smoothly.