kjs23

Thank you so much @mvaneijgen , I really appreciate that not only did you solve my problem, but that you took the time to suggest how to make my code more efficient as well. The comments in the code were really helpful too, explaining why something is being done goes a long way to providing a better understanding of the logic behind GSAP.

Hello I'm sure this is a simple fix but I can't find the right way to describe it in a short, concise manner. What I am trying to achieve is this; for the sake of argument I will say my page is 3000px long and I want 2 different animations on it, one moving from left to right, the other top to bottom. The aim is to get them to meet in the bottom right hand corner when you have scrolled to the end of the page. But, as you can see from my demo, the red box is falling off the screen way too early. Is there a way to set it so that when I have scrolled down 1500px, i.e. 50% of the height of the div, that the red box can be halfway down the screen? TIA.