Lottie Animation does not play smoothly or scroll correctly

Hello, @Sachin

I followed the following tutorial here

And I built the following Oculus Animation here at this read-only link.

https://preview.webflow.com/preview/xlabs-9b17ce?utm_medium=preview_link&utm_source=designer&utm_content=xlabs-9b17ce&preview=773e4296221ece9062a358fa7c05689b&mode=preview

When I apply .fixed position value to my section containing the animation, it does not scroll nicely like the rose does. It disappears entirely off the page.

Two problems:

I. Lottie animation section disappears.
II. Lottie animation does not animate smoothly based on mouse position like in the tutorial.

The mouse animation seems to work for me?

PS. Its really cool, i love it.

1 Like

Thank you, but if you go to this demo here. I want my 3d oculus to rotate as the user scrolls based on scroll position and I am not getting that.

https://preview.webflow.com/preview/adams-five-star-project-d96e28?utm_medium=preview_link&utm_source=designer&utm_content=adams-five-star-project-d96e28&preview=5165993f86d365b43b3816af5bea3cb2&mode=preview

@felix_hellstrom @Sachin

Man that’s such a neat animation.

I think you have to change the interaction affect to target the selected element instead of the animation trigger.


image
image

This worked! Thank you!

1 Like

Awesome! Glad I could help :slight_smile: