jored

@Farhannn in my first post, the codepen is updated. You can look, the code is OK.

I solved like that but I am not sure that it is the best practice if someone has a better idea:

Hello guys, I am currently creating a scroll-triggered animation on desktop, and I have no issues. However, it is stuttering on mobile. Do you have any ideas? Thanks you https://codepen.io/jordan-morand/pen/jOXgyjX

Thank you it's a good solution

Hello, I made some changes with the observer; however, the animation of each card happens automatically, but I would like to keep it triggered by scrolling, like this: When I'm on the .box, on the first scroll, it triggers the animation of card 1. Still inside the .box, on the second scroll, it triggers the animation of card 2. Continuing within the .box, on the third scroll, it triggers the animation of card 3. Then, release the scroll to continue. CodePen link:https://codepen.io/jordan-morand/pen/jOXoqdK

Thank you very much that's it !! I will also look to observe it if it's a better way to do.

OK thank you but the scroll is blocked, it is not just possible with Scrolltrigger? I prefer that scroll is not blocked. There is no way with Scrolltrigger just to start an animation or add a class when you are for example 10% of the PIN element?

All right. There is content at the top and bottom it is a landing page. On the Pen code I put that the example of the pin block. When I scroll the landing page I would like when the scroll is on .container. He pin on it and continuing the scroll it makes the animations. And later releases the scroll to continue the page. Observer, can it do that? Thank you

Hello @mvaneijgen, thank you !! Example : https://codepen.io/jordan-morand/pen/dywqmKG The code is not good I think we can be cleaner. I think that using onupdate is not a good practice and that there is a better method for that. Also when you go up the scroll the cardboard should leave with the animation. Do you have idea ? Thank you so much.

Hello everyone, I am a new developer on GSAP. I use the same code as the codepen in the URL. But I would like the animation of the card to not follow the scroll. For example if I am 10% of the container an animation this lance then if I am 50% the same animation this lance, etc ... I spent the afternoon on it but I block. If a person has an idea, finally that I am sure ahah Thank u.