Initial state of an interaction does not work

Hello,
I cannot manage to have some elements with interaction not displaying at first when the page loads.
In the page below :

  • The “Steps-Story-Unit” class is using a Scroll into view interaction
  • It triggers 3 Move / Opacity action on Divs included in the parent div
    I have well set the interaction with 0 opacity as an initial state but those element keep showing at first when the page loads.
    Can you please help ?
    Thanks,
    JS

https://preview.webflow.com/preview/tiwis-v2?utm_medium=preview_link&utm_source=designer&utm_content=tiwis-v2&preview=b24fceb429233d484e67c06c99ed6d8f&pageId=6683e4822c5696c3ce83ba0f&workflow=preview

This appears to be in conflict with the second part of the interaction “When scrolled out of view”. As soon as I delete this part of the interaction, the reveal part works correctly.
I didn’t dig too deeply. You might be able to adjust the “scrolled out” part to make everything work correctly but I’d probably just disable it.

Thanks a lot,
Indeed it was because on this animation, I also set the Initial state.
After removing it, it work perfectly.
Thanks

1 Like