rohit111AAA

but i wont if scrole down on my web page the card shud me going center to left if i scrole up on my web page the card shud animate left to center

https://codepen.io/Codingdata/pen/VwRpOLG i am using only html css js

I have same plobram on my code in this code if i scroll down the web page was stuck this is full file link https://drive.google.com/drive/folders/1MVqlt-doqp3kjvD9IW3Cs_RBrvHEfEsy?usp=drive_link var main = document.querySelector('#main'); var tl2 = gsap.timeline({ scrollTrigger: { trigger: main, start: "38% 50%", end: "100% 50%", scrub: 2, pin: true, } }); tl2 .to(".text", { top: "-7%" }, 'a') .to("#card-one", { top: "35%" }, 'a') .to("#card-two", { top: "130%" }, 'a') .to("#card-two", { top: "42%" }, 'b') .to("#card-one", { width: "65%", height: "65vh" }, 'b') .to("#card-three", { top: "130%" }, 'b') .to("#card-three", { top: "50%" }, 'c') .to("#card-two", { width: "70%", height: "70vh" }, 'c') .to("#card-three", { left: "-100%", }) .to("#card-two", { left: "-100%", }) .to("#card-one", { left: "-100%", }) .to("#main", { opacity: 0 })