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

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