目前,我有一个通过单击即可启动的CSS叠加菜单。但是,其后面的页面仍可滚动。我敢肯定这是一个简单的修复程序,但是我是CSS / JS的新手,任何帮助都很棒!
目前,我有一个js切换功能,当点击.icon(汉堡图标)时,.mobilenav(叠加菜单)会淡入页面。
启用此切换功能后,我可以添加哪种功能来防止身体滚动?
我可以在下面轻松添加到此功能的任何内容吗?
$(document).ready(function () {
$(".icon, .link").click(function () {
$(".mobilenav").fadeToggle(700);
$(".top-menu").toggleClass("top-animate");
$(".mid-menu").toggleClass("mid-animate");
$(".bottom-menu").toggleClass("bottom-animate");
});
});
Run Code Online (Sandbox Code Playgroud)