Play Lottie Animation based on Mouse Scroll on Editor X

Ask the community
,
1

Question:
Play Lottie Animation based on Mouse Scroll on Editor X

Product:
EditorX

I need assistance with adding a Lottie animation that plays as I scroll in Editor X. The page is https://www.shop.eylet.com/videoscrub
I want the cat to move as I scroll down and vice versa. Apple and a lot of website uses this scrubbing technique.

cat lottie file link
https://lottie.host/01fa3def-7b4e-4b3c-9fc3-0a556cad6028/WcWyZ6BXMd.json

Can anyone here help me do that, I really appreciate if the community responds back

Thanks in Advance

2

Hey there, check out this tutorial:

Also, there is an app on the App Market created by the same developer:

3

Thanks, Pratham for the reply, I have tried to make it work with the same video tutorial by Studio Il you posted but it gives errors every time I run it. The other one you mentioned is a Wix app that is broken on the app market and I am unable to install it on my Wix site.

Have you Pratham tried or has anyone here tried that Lottie JSON video scrubbing play as you scroll on Wix

help is appreciated

4

What errors are you getting ?

5

Here is a screenshot, of the error. I tried ChatGPT to fix the error but one after another more error comes. Can you check the same Studio II code on your end with a Lottie JSON

If you want to try Java code is at

errorv1
errorv11391×782 20.2 KB

.

Thanks

6

I haven’t tried Lottie scroll personally, but it seems to be working perfectly fine on Studio IL’s website:
https://mystudioil.wixstudio.com/lottie-example