Is there a way to prevent the Locomotive Scroll script from loading in the Webflow editor?

Published on
September 22, 2023

To prevent the Locomotive Scroll script from loading in the Webflow editor, you can add a custom code snippet to your project settings. Here's how you can do it:

  1. Open your project in the Webflow Designer.
  2. Click on the "Project Settings" button in the left sidebar.
  3. Go to the "Custom Code" tab.
  4. In the "Head Code" section, paste the following code:
<script>  if (!window.location.href.includes("/editor/")) {    // Locomotive Scroll script code goes here    // Replace this comment with your actual Locomotive Scroll script code  }</script>
  1. Replace the comment // Replace this comment with your actual Locomotive Scroll script code with your actual Locomotive Scroll script code. Make sure to remove any script tags since the code will be injected into the head section of your website automatically.

This code snippet checks if the current URL contains the "/editor/" string, which is specific to the Webflow editor. If it doesn't include that string, it will execute the Locomotive Scroll script code. This ensures that the script is only loaded when the website is viewed outside of the Webflow editor.

Remember to publish your site for the changes to take effect. Now, when you access your website through the Webflow editor, the Locomotive Scroll script won't load, preventing any unwanted behavior during the editing process.

Additional Questions:

  1. How can I disable a specific script from loading in the Webflow editor?
  2. Is it possible to conditionally load scripts in Webflow?
  3. What is the purpose of the Locomotive Scroll script in Webflow?