Move animation stop working with velo code

Ask the community
, ,
1

I am using multi state box with buttons and onClick velo code to change the state, and inside one of the state i am using move animation, the animation stop working once i change the state

if there anyway or code to let it work back after i change the state

2

Is the animation added using the Studio Editor (no code)?

If so, there is an associated Wix Animations Frontend API which may give you more fine control over when the animation is triggered.

Could you give us more details about the exact steps you took to run into a scenario that causes the animation to not work within the multistate box?

3

Thanks for your reply
I used the studio editor to make the animation. I use Move animation on scroll

The page has multi state box and the animated element is one container inside one of the states

On the top of the multi state box I have several buttons to change the states. I am using very basic code onClick on the button to change the state of the multi state box. The animation located on the first state box. So once I load the page the animation work with no problem. And whenever I change the state by clicking on any button then back to the state box which has the animated element. The animation will stop working.

I tried to use wix-animation-fronted API

  1. I couldn’t achieve same animation as the one on the editor.
  2. The animation will also stop working whenever I move between the state boxes
4

Hi, ShanaBlack !!

Have you set the duration too short? If it’s too short, the animation may not work. :thinking:

6

No problem related to the duration, please check the below linked video

https://wetransfer.com/downloads/993a7ff08d5a47cbe37723902728e02b20241107103509/d3ad84b622a651867e370e33cb420a7c20241107103509/2a1ef1?t_exp=1731234909&t_lsid=d72bb8aa-fcff-44fa-b85e-debbaa3bae0e&t_network=email&t_rid=YXV0aDB8VHJhbnNmZXJ8cWU1bW03aDduNGhhcjM=&t_s=download_link&t_ts=1730975709