Being able to hook into a lottie would be sweet. I did it manually for now using a greensock helper function linked below. I used motion.page for my pinning, and then I used that helper function on the frontend to get my lottie also hooked to scroll.
Here are the things I had to do/alter to do this:
- Load lottie.min.js to be able to display my lottie
- Strangely I also had to load to gsap and scrolltrigger on the page as well. Not sure why since m.p is already active on the page?
- Change pin to false in the gsap helper code as m.p is already doing that part of it
- then mess with hard coded values in ‘speeds’ to get it to match up with my other scroll animations
https://greensock.com/docs/v3/HelperFunctions#lottie