小编Nir*_*han的帖子

防止主体滚动单击并关闭覆盖菜单CSS

目前,我有一个通过单击即可启动的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)

javascript css overlay menu

0
推荐指数
1
解决办法
5450
查看次数

标签 统计

css ×1

javascript ×1

menu ×1

overlay ×1