Ashish Sharma

I need one more help !! mvaneijgen and @Cassie Yes thanks @Cassie, that's working better than before and let say we we have 4 slides which we want to slide on 25%,50%, 75% and 100% then what could be possible change in your solution. Actually I am very beginner in GSAP and I will learn it whenever I got time but for now if you could provide me solution it will be helpful.

Sandbox Link : https://codesandbox.io/s/focused-blackwell-hkw5p6?file=/src/App.js I have used scrollTrigger to to slide the swiper carousel whenever progress is equal to 45 and 99 ( actually I have multiplied the progress by 100) in both direction (i.e 1 or -1). But there is a little problem with this when you will scroll the page slightly fast sometimes the 45 or 99 dont come in progress due to fast scroll ( you can see this in sandbox attached and progress in console ). If you will suggest to keep the percentage not exactly 45 and 99 then I dont want to my swiper slides to be slide more than 2 times thats why I have used it. Actually problem happening due to speed of scroll due to which sometimes certain numbers of scrolls skipped which affect to skip the swiper. Please give me the solution where I can optimize my code.

Thank You so much

I want this kind of effect in react : https://codepen.io/admireasia/pen/gOQmZmv . Wanted above pin effect in react but not working here : https://codesandbox.io/s/focused-blackwell-hkw5p6?file=/src/App.js I have created this codepen and its working fine but not in react (sandbox link above for reaact) but I am not able to understand where I am doing wrong to implement this kind of pin element for atleast 200% but I am getting redudant whitespaces event after using pinSpacing:false and I am also getting triggered element multiple times .when trigger start and end.