Lottie scroll with offset

If you would like to add an offset to the top of the container or player you may add an extra action object to the array. For this example, from 0 to 30% of the container, the Lottie will be stopped and from 30% to 100% of the container the Lottie will be synced with the scroll.
<script>
LottieInteractivity.create({
    player: "#first-lottie",
    mode:"scroll",
    actions: [
        {
            visibility:[0, 0.3],
            type: "stop",
            frames: [50]
        },
        {
            visibility: [0.3, 1.0],
            type: "seek",
            frames: [50, 240]
        }
    ]
});
</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.