GUIDES

Webflow: Disable Scroll on Click

A simple, clean, and straightforward bit of javascript to help you disable and enable scroll within Webflow.

(

3

min read)

Resources
Design Resources
Business Resources
Other
Contents
Demo Link

Whilst you can technically do this natively in Webflow, its a real pain and is not ideal for a growing or ever changing website. Without a doubt the native way, by creating an animation that sets the display property of everything else to 'none' is a bad idea for client websites.

Follow the link below to my live Webflow example where you can see it working and copy the code to use yourself.

https://webflow.com/made-in-webflow/website/stop-scroll-on-click

By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyse site usage, and assist in our marketing efforts. View our Privacy Policy for more information.
Privacy Preferences