Menu

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>



Comments

0 comments

Article is closed for comments.