Lottie Animation + section change on small scroll

I need to make the lottie animation is playing certain duration and then on small scroll page section is changing on the second section like on this website. Welcome to the Universe

Can someone explain how can i do that? thanx!


Here is my public share link: https://preview.webflow.com/preview/cutter-9457f5?utm_medium=preview_link&utm_source=designer&utm_content=cutter-9457f5&preview=dad8629e41f32fd48acf246ad61bbee9&mode=preview

Trigger animation on scroll in view, apply approx 10% offset. Can get screenshots later live example if you need.

Good luck!

example would be great!

but is it possible to make that animation not scroll the screen but only mouse scroll, so that section wouldn’t be moved anywhere?

Yes you need 100vh fixed view trigger on mouse scroll, or something along those lines, combined with sticky logic. I’ll have screenshots this afternoon when I’m back at station, I’m on iPad now so can’t get screenshots now.