Scroll Disable
Built for
When Element is Visible
Disable scrolling when a specific element is not set as display: none.
Check more examples
When Element is Visible
example 01
required
Filter Required Minimum setup
example 02
Filter complete setup with all form elements and dynamic content
example 03
Filter complete setup with all form elements and static content
example 04
Filter using checkboxes and active class
example 05
Filter using radio buttons and filter "All"
example 06
Filter Advanced setup with conditional fields
The elements outlined in blue have the necessary attributes for this solution. Toggle X-ray by pressing ? on your keyboard and hover the outlined elements to reveal their attributes.
Disable scrolling when popup is visible
This solution works with Webflow interactions. We will monitor when the element is not set to display: none and apply scroll disable to it.
Open popup
While this popup is visible, the scroll will be disabled.
This solution works with Webflow interactions. We will monitor when this element is not set to display: none and apply scroll disable to it.