Sync Lottie with scroll

LottieFiles
LottieFiles
  • Updated


The scrolling effect is activated as soon as the animation enters the viewport.
You may position the Lottie anywhere on your website and the Lottie will seek frame by frame as you scroll down the website.
<script>
LottieInteractivity.create({
player:'#firstLottie',
mode:"scroll",
    actions: [
    {
        visibility:[0, 1.0],
        type: "seek",
        frames: [0, 300],
    },
    ]
});
</script>
      



Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request

Comments

0 comments

Article is closed for comments.