deckrow

Almost. But still, it's working after 50%. If i have 2 timelines with scrollTrigger on each of them. Can I start second timeline scrollTrigger after the first one (immediately after the first one ends)? For example, if I want to do some stuff with ".container" and then when it finished, I want to start animate running man. (and all of that happening when I'm scrolling) Is there maybe any functionality that I don't know. https://codepen.io/deckrow/pen/XWpRQQE Something like this. But now each of them(scrollTrigger) executing at the same time. And I want to move it consistently one scrollTrigger after another one. And maybe then I want to continue again first one. Is it possible? Sry for my poor english. I probably can't explain it normally

I'm not asking to make my project. I'm just trying to understand how to execute this code tl. to(".container", { x: 200 }) and then this for (var i = 0; i < spriteSheet.total; i++) { tl.set(".frames", { x: (i % spriteSheet.cols) * -spriteSheet.width, y: Math.floor(i / spriteSheet.cols) * -spriteSheet.height }, i / (spriteSheet.total - 1) * spriteSheet.duration); } Now it's executing at the same time (container and the image). I'm trying to do something like this. tl. to(".container", { x: 200 }) .to(".container", { y: -100 }) It's moving one after another

I want to put it there with the scrollTrigger. Like 1. I'm scrolling and the container moving to the right 2. continue scrolling and image start running I'm trying to figure it out how separete these actions. I don't want to do it at the same time

Hi guys. I'm new here and I'm just trying to go through this example with running man. And I understand it pretty well. But how can I control it? Like if I want to put the man in the corner of the screen first and then start setting the run with for loop. How can I do it not at the same time?