IOS scrolling animation problem

[baomastr]

Hello. thank you for your work. 
I'm using GSAP with React and ScrollMagic and having troubles with IOS scroll animations. other platforms have great productivity of animations.
What am I doing wrong?

See the Pen by s (@s) on CodePen.

[baomastr]

I've already tried translate3d with will-change:transform and fromTo by X and Y but got the same result.

[GreenSock]

Can you be more specific about what your GSAP-related question is and what's not working as you'd expect in iOS? 

[baomastr]

49 minutes ago, GreenSock said:

Can you be more specific about what your GSAP-related question is and what's not working as you'd expect in iOS? 

 

I have a problem with performance. the animation is not smooth on IOS.

[GreenSock]

Hm, are you testing it in codesandbox? If so, that's probably not a good option because that environment seems to require a lot of extra resources (unrelated to GSAP). Or are you saying that your "real" project has performance issues? I tried the demo on my iPad and I didn't notice any performance problems. Remember that typically performance problems have nothing to do with GSAP - it's the graphics rendering in the browser, so try to avoid heavy SVG or changing lots of pixels on each tick. Well, there are a ton of other optimizations you could make, but those are some of the biggies. 

 

I'd also strongly recommend animating x instead of margin-left. It's much easier on the browser because transforms don't require a layout recalculation. 

[baomastr]

thank you for answers. gonna use translate and search for performance troubles in other sides of my project.