Search

Sync Lottie with scroll



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>



Updated

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.