yahya haddad

PointC Thanks for the replay, its work but there is an issue that showed up, when adding invalidateOnRefresh :true ,the style crashed this is the real example that I'm working on https://codepen.io/mediamax/pen/qBpaJvO and this how it looks like after adding invalidateOnRefresh :true https://codepen.io/mediamax/pen/WNdGaWy

i have this scrolltriggger animation var tl = gsap.timeline({ scrollTrigger:{ trigger:".steps ", start:"top center", end:"+=4000px", scrub:5, pin:true, } }); tl.from(".step_img",{duration:3, y:440 ,scale:1.5}) tl.to(".step_img",{duration:3,x:260 }) i want to change the x to 0 in mobile viewport or disable this line in mobile viewport tl.to(".step_img",{duration:3,x:260 })