TomasS

Thank you. I will look into your suggestions.

Hi everyone, I'm relatively new to GSAP and still learning a lot. I have one problem that I can't solve. In my sample website, I have a short Lottie animation that plays when to page loads. As soon as it's completed the ScrollTrigger is activated and the video is controlled by scrolling the page. The issue is that when the ScrollTrigger is set, the page freezes for a fraction of a second. It's barely visible on most devices, but quite noticeable on Safari. This can easily be seen in the horizontal scrolling text that runs over the animation. And it's all happening without even scrolling the page. If I don't pin the ScrollTrigger, it works fine, no freeze at all. Also, I have found out that the duration of the freeze depends on the file size of the Lottie animation. The video in this sample is about 4mb so that the jitter is clearly visible but even with 2mb file the freeze is annoying. If anyone can take a look at this and tell me if there is a solution or what is wrong with my code, it would be greatly appreciated!