javascript - 菜单打开时如何禁用正文滚动

Question

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

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

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

Answer 1

document.getElementsByTagName("body").classList.add('hidden');

body.hidden {
  overflow: hidden;
}