lightyearz

Thanks @Toso and @mvaneijgen for your kind replies. I really appreciate this! I have put the code from you @mvaneijgen into VS Code and played around with it. Already had some "Aha"-Moments! Thanks a lot for taking the time to not only give me a working solution but also adding some valuable, eye-opening comments!! 🙏 Even though I'm a quite good designer I'm not so talented when it comes to coding, for a long time I only had some mid-level CSS skills. But a few month ago I discovered GSAP, which quickly helped me achieve my first small successes, and because of this I finally found the courage to learn proper javascript, something I had been putting off for a long time. The helpfulness and friendliness of this community really blows me away! Now I'm even more motivated to stay on track so that one day I can also write the word "Coder" on my flag!

Hello, I want to create a simple ScrollTrigger split screen: On the left the background image should scale down while scrolling (which I successfully implemented) and on the right side, there should appear 3 pinned containers, each with 100vh, on the same position, one after another. Each Container should appear as long it would take to scroll down 100vh normally. As you can see, the 3 message containers don't behave as intended. I know, this might not be too complicated, but I haven't found something similar here in the forum. There some splitscreen tutorials on the Creative Coding Club Website (with staggered animations and so on), but they are a bit too complex for me now.