When I'm scrolling my animation, one part of it is randomly jumping from one tween to another
I have this issue just in one part of an animation.
Here is my timeline configuration
.timeline({ paused: false, scrollTrigger: { trigger: generationRef.current, //markers: true, scrub: 0.5, start: 'top top', end: () => '+=' + window.innerHeight * animationHeight, pin: true, pinSpacing: false, invalidateOnRefresh: true, refreshPriority: 1, }, })
It's jumping somewhere at this point:
.to( getGsapSelector('GSAP_GENERATION_BAR_ASTRONAUT_FINAL'), { visibility: 'visible', translateX: '-63%', translateY: '-36%', duration: 2.5, scale: 1, opacity: 1, }, `${scroll5}+=2.1`, )
And it happens only on mobile device
I'm completely new to gsap and such animations so I'm just stuck