Hello Guys,
it's my first Forum Article.
I'm using GSAP for nearly a year now. I'm using GSAP + GsapSmoothScroll + ScrollTrigger and Barba.js I have some slightly complex Animations on my Site and its extremely laggy on iPhone Safari I tried a lot of Solutions that I found hear, but nothing really works. Does someone have some Ideas how to fix. Here is a Link to the Website:
This is my config for the ScrollSmoother.
The Lag is specially on the page uid42 thats the link i put in hear. The other pages are ok not perfekt but ok:
I hope its enough information.
scroll = ScrollSmoother.create({
smooth: 0.2, // how long (in seconds) it takes to "catch up" to the native scroll position
effects: true, // looks for data-speed and data-lag attributes on elements
ignoreMobileResize: isMobile() && !document.querySelector("#uid1") ? true : false,
normalizeScroll: isMobile() && !document.querySelector("body:not(#uid42)") ? true : false,
})
On a Mission (hantha.net) Hope someone could help me.