Prevent page scrolling when a Webflow navigation is open

This simple Webflow code prevents the page in the background from scrolling while the mobile navigation is open. No additional classes or complicated setup are required, as it works with Webflow's standard navigation structure.

Benefits of this solution:

1. Improved usability: Preventing background scrolling keeps the focus on the open navigation.
2. Optimized for Webflow: The solution is designed to work directly with Webflow navigation.
3. No additional configuration: You do not need to add extra classes or complicated settings.
4. Mobile-friendly: It creates a cleaner navigation experience on smaller screens.
5. Better interaction: The background stays in place while visitors use the menu.
6. Quick implementation: You can add the behavior without building a custom navigation script from scratch.