Written By
Jayant Rao
Published on
February 21, 2025

How we grew our website traffic by 5x using SEO on Webflow

How we grew our website traffic 5x using SEO on Webflow. From keyword research to technical fixes, see our data-driven strategy for success!

How to add Disable Scroll feature in Webflow?

Step #1

Copy the Stop Disable <script>

Integrating our Disable Scroll tool into your website is a breeze! Follow these easy steps to get started:

  1. Click on "Pages" in the left navigation or press "P" on your keyboard
  2. Select the settings icon beside the page you want to add the script to
  3. Scroll down to the "Before </body> tag" section
  4. Simply copy the script we've provided and paste it here

That's it!

Adding script within Page Settings on WebFlow
Adding script within Page Settings on WebFlow

Step #2

Set Custom Attributes

Name field will change to "nw-stop-scroll". Value field will be left empty.

You will need to add "nw-stop-scroll" to the name field of custom attribute of the element that would stop the website from scrolling. Example: Hamburger menu div block.

The Value attribute field should be left empty.

Step #3

Publish your site

It's highly recommended to publish your site on staging environment to ensure the scrip. Once you have confirmed it, you can publish it to your primary domain.

On this page

How to add Disable Scroll feature in Webflow?

Step #1

Copy the Stop Disable <script>

Integrating our Disable Scroll tool into your website is a breeze! Follow these easy steps to get started:

  1. Click on "Pages" in the left navigation or press "P" on your keyboard
  2. Select the settings icon beside the page you want to add the script to
  3. Scroll down to the "Before </body> tag" section
  4. Simply copy the script we've provided and paste it here

That's it!

Adding script within Page Settings on WebFlow
Adding script within Page Settings on WebFlow

Step #2

Set Custom Attributes

Name field will change to "nw-stop-scroll". Value field will be left empty.

You will need to add "nw-stop-scroll" to the name field of custom attribute of the element that would stop the website from scrolling. Example: Hamburger menu div block.

The Value attribute field should be left empty.

Step #3

Publish your site

It's highly recommended to publish your site on staging environment to ensure the scrip. Once you have confirmed it, you can publish it to your primary domain.