I have toggleActions set to "play none none none". That should make the animation play only once. What could be interfering with toggleActions?
Here's the desired animation for this pen:
Top of page animation plays once. Scrolling is disabled until it loads. Once it loads, the user scrolls the page to...
Section intro "Every Home Has A Story" animation plays as the user scrolls. It's pinned in place until the animation finishes. It should (but does not) play only once.
Hey @hkutcher
After all those times, Zach hinted you to making a mistake, when creating scrollTriggers inside of single tween inside of timelines, you are still doing it. Every single tween of your tl_intros has a scrollTrigger applied with a pin, even with different starts.
That just won't work.
In the following demo I completely got rid off your kill-function.
Instead, what is done there, is the following inside the onLeave-Callback of the Scroll