Lottie Scroll Interaction
Posted on
December 12, 2020
Posted on
December 12, 2020
A combination of position sticky elements with fixed height of VH. Then by applying 'While scrolling in view' animation at specific timeframe to create this type of interaction.
Interaction applied on 'c-header' and 'c-lottie'. Adjust the VH on those classes to change the animation speed on each scroll. The lower the VH the faster the animation.
Do take note to keep a minimum of 200VH.
If you need help in implementation, DM me. I'll be around.
Have fun cloning. 😄