Did you ever come across the need to stop your website from scrolling once a button is clicked? Let's say the hamburger menu opens or a pop up opens, our Webflow Tool "Disable Scroll" enables you to do that. This can be useful for creating interactive elements or preventing users from scrolling while a particular section of the website is being viewed. Clicking the button again restores normal scrolling functionality.
Step #1
Integrating our Disable Scroll tool into your website is a breeze! Follow these easy steps to get started:
That's it!
Step #2
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
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.
By subscribing, you'll stay ahead of the curve and gain valuable insights into cutting-edge WebFlow techniques.