Ramesh Ramasamy

@elegantseagulls: I am not tweening backgroundColor here (updated codepen) in this example. Just trying to translate div elements from 100 to 0 and then 0 to -100 so that it will appear as scroll-able page. Each div is represented in one backgroundColor. The height of each div is 100vh. The example above is intentionally created to describe the issue in mobile. Below is the link to screen record of issue in mobile.You can clearly see the sharp jump-up of red background at 1.5 second. https://github.com/ramesharr/gsap/blob/main/jerk.mp4?raw=true

@ZachSaucier/ @elegantseagulls : Thank you for prompt reply. Unfortunately I can't go back and built entire functionality in ScrollTrigger as the whole site is constructed using GSAP + ScrollMagic. I am using jQuery for other functionalities in the site. I know ScrollMagic is different library but if you can help me to find out the root cause of jumpy scroll in mobile that would be really helpful. https://hopeful-lewin-d4a355.netlify.app/ Thanks.

Hi GSAP Team, Thank you for creating this amazing library. I have been started using this library in many of my projects. Coming to the issue at my hand, I am using GSAP, ScrollMagic and jQuery to trigger animations based on scroll position which is working smoothly in Desktop but facing jerk issue on scrolling fast in mobile. if we scroll the site fast in mobile or touch devices, we are able to encounter sharp jump behavior in page. Please find below URL to replicate the issue only in mobile. https://hopeful-lewin-d4a355.netlify.app/ The same code used in above link is also penned in codepen link but unfortunately I couldn't able to replicate the issue in codepen. Has anyone had similar issue or any kind assistance on this will be highly appreciated. Thanks in advance.