不滚动如何实现，恢复滚动如何实现？

Question

点击导航图标，让导航内容出现，但是底部页面不滚动（不滚动如何实现），点击关闭图标，导航内容隐藏，底部页面回复可滚动功能（恢复滚动如何实现）。

//点击导航按钮，导航出现

        $(".nav-menu").addClass("nav-menu_show")

        $(".close").addClass("close_show")

        $(".close img").fadeIn(2300)

        }

)

//点击关闭按钮（X），导航去除添加类，进行隐藏

$(".close img").click(

    function(){

        $(".nav-menu").removeClass("nav-menu_show")

        $(".close").removeClass("close_show")

        }

)

Answer 1

设置css样式，overflow为hidden