Yes, there is an updated method to prevent body scrolling while a modal window is active in Webflow. You can achieve this by using CSS and JavaScript together.
First, in your Webflow project, create a custom CSS class that disables body scrolling. You can name it something like "no-scroll" for easy reference. In the Designer, go to the "Custom Code" tab and click on the "Head" section to add the following CSS code:
```css
.no-scroll {
overflow: hidden;
}
```
This CSS class will be applied to the body element to prevent scrolling when the modal is active.
Next, you'll need to add JavaScript code to toggle the "no-scroll" class on the body element when the modal is opened or closed.
Assuming you have a modal element with the class "modal", you can add the following JavaScript code at the end of your body tag or in the "Footer Code" section of the Webflow Designer:
```javascript
```
Make sure to replace `'.open-modal-button'` with the appropriate selector for your modal trigger button, and `'.close-modal-button'` with the selector for your modal close button.
With this code in place, when the modal is opened, the `openModal()` function will add the "open" class to the modal element and the "no-scroll" class to the body element, disabling scrolling. When the modal is closed, the `closeModal()` function will remove these classes, restoring normal scrolling behavior.
Remember to publish your site for these changes to take effect.