Yuliya92

tell me how to correctly fix an element when scrolling, so that it is glued to the top of the browser window and goes to the end of the product block

Hello, I want to make an animation in the form of a wheel, with z-indices changing, how can I make a smooth transition without a delay between cycles?

tell me how to remove the delay when scrolling through the numbers

Hello, tell me how to make it so that after the last block is superimposed on the penultimate page, it would be scrolled normally

Please tell me what am I doing wrong, I want the svg path to appear from top to bottom

https://codepen.io/150/pen/MWzQRXj I left only the necessary fragment, I can’t realize the moment when the odometer starts counting only when it appears in the field of view, now it starts counting when the page is loaded

https://codepen.io/150/pen/MWzQRXj

var animTl = gsap.timeline({ scrollTrigger:{ trigger:'.first-screen', start:'15% top', end:'25% top', toggleActions:'play none none none', },}) function tweenGS() { var maxTime = 2; animTl.add("p1") .to(n6,{y:"-=160", repeat:1, duration: maxTime/2},"p1") .to(n7,{y:"-=80", duration: maxTime},"p1") .to(n3,{y:"-=400", repeat:2, duration: maxTime/4},"p1") .to(n4,{y:"-=640", repeat:1, duration: maxTime/2},"p1") .to(n5,{y:"-=80", duration: maxTime},"p1") .to(n1,{y:"-=800", repeat:1, duration: maxTime/2},"p1") .to(n2,{y:"-=240",duration: maxTime},"p1") gsap.to(animTl, 2, {progress:1, ease: "power3.inOut"}); } tweenGS(); please tell me what I'm doing wrong I need the function to start on a trigger

Tell me how to decrease the amplitude, I need the offset during the stager to be 5px

i found a solution

tell me how to make the end of the arrow move along with the line

I just started to study animation and I can't understand why there is a lot of empty space at the end and how to slow down the animation