Component
Scroll Stopper Component in Framer
This is a component that you add to your Framer website to disable scrolling. Normally, adding this to your page wouldn't really make any sense. However, if you use it together with component variants, you can use it to disable page scroll, for example, when the mobile navigation is opened.
About the resource
As I said, normally you wouldn't place this component on your page to just randomly disable page scroll. However, you can use it together with components and variants to achieve, for example, a disabled page scrolling when the mobile navigation menu is opened. Here's how:
Step 01
Add the "Scroll Stop" component to your navigation component, but make sure that its "Block Scroll" property is set to "no." So even though the component is added to the navigation, it won't disable the scroll just yet.
About the resource
As I said, normally you wouldn't place this component on your page to just randomly disable page scroll. However, you can use it together with components and variants to achieve, for example, a disabled page scrolling when the mobile navigation menu is opened. Here's how:
Step 01
Add the "Scroll Stop" component to your navigation component, but make sure that its "Block Scroll" property is set to "no." So even though the component is added to the navigation, it won't disable the scroll just yet.
About the resource
As I said, normally you wouldn't place this component on your page to just randomly disable page scroll. However, you can use it together with components and variants to achieve, for example, a disabled page scrolling when the mobile navigation menu is opened. Here's how:
Step 01
Add the "Scroll Stop" component to your navigation component, but make sure that its "Block Scroll" property is set to "no." So even though the component is added to the navigation, it won't disable the scroll just yet.
Scroll stop component in the navigation, with "Block Scroll" set to "no".
Scroll stop component in the navigation, with "Block Scroll" set to "no".
Scroll stop component in the navigation, with "Block Scroll" set to "no".
Step 02
Go to the variant of your component where you wanna disable the page scroll, select the "Stop Scroll" component, and set the "Block Scroll" to "yes." This will basically make sure that whenever this variant of the component appears on the website, the "Stop Scroll" component will activate and block the page scroll.
Step 02
Go to the variant of your component where you wanna disable the page scroll, select the "Stop Scroll" component, and set the "Block Scroll" to "yes." This will basically make sure that whenever this variant of the component appears on the website, the "Stop Scroll" component will activate and block the page scroll.
Step 02
Go to the variant of your component where you wanna disable the page scroll, select the "Stop Scroll" component, and set the "Block Scroll" to "yes." This will basically make sure that whenever this variant of the component appears on the website, the "Stop Scroll" component will activate and block the page scroll.
The "Block Scroll" property is changed to "yes" on the "Mobile Open" vairant.
The "Block Scroll" property is changed to "yes" on the "Mobile Open" vairant.
The "Block Scroll" property is changed to "yes" on the "Mobile Open" vairant.
