How do I disable scrolling while I have my mobile menu open?

Hi everyone, so this is riving me crazy and I looked everywhere and no solution worked. So when you have your mobile menu open, you can still scroll in the background. I want to disable this scrolling (only when the mobile menu is open)

Any help would be greatly appreciated! 

Hi,

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
  $(document).ready(function() {
	$(".burger-inner").click(function() {
  $('html').addClass('html-burger-open');
});
});
</script>
<style>
  html.html-burger-open {
    overflow: hidden;
}
</style>

Hello - I was having the same issue and this code worked for me. But now when I exit the menu scrolling is still disabled. When working in Squarespace after testing the menu in mobile view then exiting the menu and switching to desktop view, scrolling is also disabled. Is there a way to re-enable scrolling once out of the menu? 

On 4/24/2023 at 7:53 AM, Matienn said:

Hello - I was having the same issue and this code worked for me. But now when I exit the menu scrolling is still disabled. When working in Squarespace after testing the menu in mobile view then exiting the menu and switching to desktop view, scrolling is also disabled. Is there a way to re-enable scrolling once out of the menu? 

What is your site url?

https://leahpastrana.com 

Password is: ClientSite!9 

On 4/26/2023 at 2:22 AM, Matienn said:

https://leahpastrana.com 

Password is: ClientSite!9 

Hi,

Can you remove the code? I will try testing new code

I've removed the code. Sorry for the delay in reply - I was pretty sick. 

Hi, I removed the code and am wondering if you had any luck with testing a new code? 

Thanks! 

On 4/29/2023 at 11:21 AM, tuanphan said:

Hi,

Can you remove the code? I will try testing new code

I just checked & it looks fine now. Did you solve it?

This worked for me, but once I return to the homescreen, it's also unable to scroll. 

https://heron-bullfrog-pc5e.squarespace.com/

password: justine

@ghostpep___ Replace this line:

$('html').addClass('html-burger-open');

With:

$('html').toggleClass('html-burger-open');

Thank you!!!