While scrolling in view animation not animating to 100%

As explained in the title, in an animation i’m crafting, the animation I have set is not fully animating, despite the animation end being set at 75% and the scroll marker telling me it is at 100%… see screenshot below

What am I doing wrong?


Here is my public share link: LINK
(how to access public share link)

@cyberdave @jorn @QA_Brandon is this a bug?

Hi @Alex_Pan, next to where is say’s “move” there is a caution symbol. That means it is not connected to the elements you want to move. This happens when you add a previously created animation to a new block.

Just need to reconnect, and you can do that by right-clicking on each animation point and selecting the desired element.

1 Like

Not really. This warning means that something is wrong with the settings for this particular action. In this case the units are different (rem vs %). Units should always be the same

1 Like

Thanks for the replies guys.

@QA_Brandon I just checked and I can confirm that the animation is connected — warning symbol seems to be unrelated. The issue isn’t that the animation isn’t triggering, the issue is that the animation isn’t fully animating on scroll.

This was the solution, thanks @dram! For some reason in Webflow, 0px starting value in an interaction using % values bugs out the animation :thinking:

This is always the case when you combine different units. Sometimes things kinda work, but jerkily and unpleasantly

1 Like