Javascript 如何在菜单打开时禁用正文滚动

菜单打开时，如何禁止正文滚动？我尝试使用下面的代码，但没有成功

function openNav() { 
    document.getElementsByTagName("body").style.overlay = "hidden"; document.getElementById("mySidenav").style.height = "50%"; }

function closeNav() { 
    document.getElementById("mySidenav").style.height = "0"; 
}

---

将此添加到菜单将停止后面的主体滚动

body.menu-open {
    overflow: hidden;
}

---

您还可以添加代码的html部分吗？没有名为

overlay

的CSS属性。

body.menu-open {
    overflow: hidden;
}