How can I fix the error message "This move action does not have a value applied" and the issue with the scroll position not reaching 0% when creating an animation with scroll over png pictures in Webflow?

Published on
September 22, 2023

When encountering the error message "This move action does not have a value applied" and the issue with the scroll position not reaching 0% while creating an animation with scroll over PNG pictures in Webflow, there are several steps you can take to troubleshoot and resolve the issue:

  1. Check animation settings: Verify that the move action in your animation has a proper value applied. This error message is typically displayed when the move action doesn't have a specific value set. Double-check the settings and make sure there is a value provided.

  2. Assign appropriate scroll trigger: While creating the animation, ensure that you have set the correct scroll trigger to initiate the movement. In Webflow, you can choose from several triggers such as "while scrolling into view," "while scrolling past element," or "while scrolling in view." Select the most appropriate trigger for your specific animation.

  3. Confirm scroll setup: Check the scroll setup for the section or element that should trigger the animation. Ensure that the scroll settings are properly configured, including the starting and ending points, scroll actions, and animation timings. Make sure the scroll position reaches 0% when it is supposed to.

  4. Review element positioning: Verify that your PNG pictures are positioned correctly within your layout. If they are not positioned correctly, it can impact the scrolling behavior and potentially cause issues with the animation. Adjust the positioning if needed to ensure proper functionality.

  5. Test in different browsers: Occasionally, scroll-related animation issues can be browser-specific. Test your animation in multiple browsers to determine if the issue is limited to a particular browser. If you find that the problem is only present in one browser, it may indicate a compatibility issue that needs to be addressed.

  6. Clear cache and refresh: Clear your browser cache and refresh the page. Sometimes, cached resources can interfere with the proper rendering of Webflow animations. By clearing the cache and refreshing the page, you ensure that the latest version of your website is being displayed.

If you have followed these troubleshooting steps and the issue persists, it may be necessary to reach out to Webflow support for further assistance. They can help you identify the underlying cause of the problem and provide more technical guidance tailored to your specific case.

Additional Questions:

  1. How do I set up scroll-triggered animations in Webflow?
  2. What are the different scroll-activated trigger options in Webflow?
  3. How can I create a smooth scroll effect with custom animations in Webflow?