Here is how to create a full screen menu and prevent the page from scrolling up and down while the menu is open.
#webflow #webdesign #tutorial
Here is the CSS:
.no-scroll {overflow:hidden;}
Here is the jQuery:
$('.menu').on('click', function(){
$('body').addClass('no-scroll');
});
$('.close').on('click', function(){
$('body').removeClass('no-scroll');
});
Join the Pixel Geek Community:
https://pixelgeek.community
-------
I've been a web designer since 1995 and I've learned a lot about this industry. Now that I've found my dream job at Webflow, I want to share some of my experiences and knowledge with you in hopes you can find your dream job as well.
The purpose for this channel is to help you design and build better websites, learn more about the business of web design, and empower you to inspire others in this unique creative industry.
-------
Like what you see? Subscribe here:
https://www.youtube.com/subscription_center?add_user=thepxlgk
-------
http://twitter.com/thepixelgeek
http://instagram.com/pxlgk
http://pixelgeek.co