Dylekter

Thank you for your answer. I came up with the solution when you wrote about scrub. Before I tried to put the animation on one timeline, when I created two I assigned a different scrub and everything works.

Hi, I would like to make an animation with a scrolltrigger. I have a ball that changes its position when I scroll. There is also a second ball below it. I would like the lower ball to move a bit later when scrolling, but when I stop scrolling, even in the middle of the animation, the ball returned to that ball. Is it feasible with a scrolltrigger or should I write it in js?

I found solution, section was to short and i didnt have scroll space

Hi! When I remove the markers property or set it to false, the ScrollTrigger stops working. Why? PS: With markers it works let tl2 = gsap.timeline(); tl2.from(".root--offer__header", { xPercent: 650, }); ScrollTrigger.create({ animation: tl2, trigger: ".root--offer__header", start: "top top", end: "+=4000", scrub: true, pin: true, anticipatePin: 1, duration: 2, ease: "none", markers: true, });