Sorry, we don't support your browser.  Install a modern browser
This post is closed.

Hook a Lottie animation up to ScrollTrigger#24

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

3 years ago
2
Changed the status to
In Progress
3 years ago
2
Changed the status to
Completed
3 years ago