Trigger a timeline animation with Scrolltrigger using a useEffect Hook

[Blake]

Hi there, 

I'd like to be able to trigger a timeline animation when a user reaches a certain section of my single page application. Right now I've got a timeline animation setup in a useEffect hook inside the component I'd like to animate, and I'd love to start that timeline at the correct moment. I'm exploring ideas and would love some guidance if anyone has some insight here.

Thanks in advance,
Blake

 

[Blake]

Hi All! I figured out my query with a little help from this amazing video walkthrough. 

Hope it helps someone else out too! The ability to add the scrollObject property directly to a Timeline instance is amazing. That did the trick and now I can properly load my timelines into any component with a useEffect hook, and they'll only trigger when they meet their start/end markers. This is beautiful sorcery