How to let one timeline know that another has reached a certain point

[rynokins]

Continuing from here, with a more detailed description of my issue.

I've got a two-column section that will resize to stacked on smaller screens. I would like to make sure that the right-column doesn't start animating until the top section … but also ensure that it does if it's in view and the left column does start building (when columns are not stacked).

Sorry there's so much going on in the pen, I barely have time to think right now let alone pare this down. Let me know if clarification is req'd, thank you!

See the Pen OJXLNqB by rynokins (@rynokins) on CodePen.

[ZachSaucier]

Hey rynokins. There's a bit too much going on in your demo for us to sift through for free. If you'd like our (free) help debugging, please create a more minimal demo. It'd probably be best to start from the ground up instead of going from what you have to a minimal demo.

[rynokins]

Hey, the kids went to bed and the work day is done… I simplified the pen to just the basic two sections… thanks for taking a look!

[ZachSaucier]

17 hours ago, rynokins said:

I would like to make sure that the right-column doesn't start animating until the top section … but also ensure that it does if it's in view and the left column does start building

What do you mean by this? Sorry, I don't understand even with the simplified demo and looking at the code.

 

Side notes:

• We recommend that you used the condensed string form for eases. See the most common GSAP mistakes for more info.
• You don't need to say scrub: false or pin: false since those are the default values.