guiguiland

Waouh, Thank you so much ! Looks like I did not search enough on the forum.. sorry for that. Here is the answer that worked for me, in case someone else is interested : onLeave: function(self) { self.scroll(self.start); // <-- sets position to start of ScrollTrigger self.disable() self.animation.progress(1) } from .. your previous answer @akapowl ?

Hello, I have an issue with ScrollTrigger, can anyone help me to fix it ? I have a full-screen pinned div and I want to see an animation while it is pinned. At the end of the animation, it is displaying a text. I want that once the animation finishes I can only see the last picture, with the text, and never again the animation (until the next page reload of course). When I try to kill the animation "onLeave", it makes a "scroll jump" When I try to kill the animation with "once:true", the pin-spacer remains, and I have a big white space above my text Here are 2 pens to show the issue. In this example, a div becomes yellow when you scroll down, and it must remains yellow at the end of the animation, even if you scroll up again. 1) using once (big white space above the div) : https://codepen.io/Guelid/pen/OJEGzGp 2) using kill ( scroll jump) : https://codepen.io/Guelid/pen/JjBjbYM The text just after the scrolltriggered div is in red to highlight the scroll-jump issue Thanks !