Animation starts on scroll

I’m fairly new to Hype but love this app so much. I’m trying to have this lifecycle animation load on mouse scroll. The animation loads on page load which is not ideal because there’s a lot content up top.

I tried some JS but got it really wrong. I couldn’t figure out how to embed to the page and used an iframe. Can I still do load on scroll with an iframe?

Can someone share some tips?


This is the page link:
And my hype file here:

Here’s how to do that, no JS necessary :slight_smile: