thefrontendfreak

Animation not working perfectly. The main goal is to achieve smoothness. But I am not able to getting it. When you scroll down to the page animation feels like laggy or working a bit slowly specially if you scroll faster you will see it stuck into the page sometimes. Please help me on this one. I am really stuck into this from last couple of days.

https://codepen.io/thefrontendfreak/pen/wvygmBR here is the pan link. So if you scroll a bit fast or sometime on normal scroll you will see a slow animation or bug. Let me know if any pro can help me on this

Hello there! facing a strange problem. When scrolling through the site the animation is working bit slowly or creating judders. Sometimes the scroll get slow as well. Please help me on this. One of the code sample : gsap.to('.aboutHero__semiTitle h2 .char', { delay: .8, y: 0, opacity: 1, ease: "easeInOut", stagger: 0.004, duration: .5, lazy: false, scrollTrigger: { trigger: '.aboutHero__semiTitle', scrub: false, start: "top 70%", scroller: ".smooth-scroller", pin: 0, } }) Cant share the codepen as the site is on my staging server right now