想要导航栏停止

Question

我做了一个显示在点击事件侦听器上的导航栏，我希望背景中的所有内容都有一个遮罩，我也希望这个导航栏可以防止页面向下滚动。只有当我退出导航栏时。我不知道该怎么做。

#leftmenue {
  background-color: rgb(255, 255, 255);
  border-radius: 2px;
  height: 100%;
  width: 28%;
  padding: 0;
  position: absolute;
  top: 0;
  z-index: 1000;
  opacity: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  transition: 1.5s;
  display: block;
}

<nav>
  <span>Electronics & Perephiral Devices</span>
  <li><a href="">Gaaming Setup</a><i class="fa-sharp fa-solid fa-headset"></i> </li>
  <li><a href="">Gaaming Setup</a><i class="fa-duotone fa-arrow-turn-down"></i></li>
  <li><a href="">Gaaming Setup</a><i class="fa-solid fa-arrow-up-right"></i></li>
</nav>
<nav>
  <span>Perephiral Devices</span>
  <li><a href="">Gaaming Setup</a></li>
  <li><a href="">Gaaming Setup</a></li>
  <li><a href="">Gaaming Setup</a></li>
  <li><a href="">Gaaming Setup</a></li>
  <li><a href="">Gaaming Setup</a></li>
</nav>
<nav>
  <li><a href="">Gaaming Setup</a></li>
  <li><a href="">Gaaming Setup</a></li>
  <li><a href="">Gaaming Setup</a></li>
  <li><a href="">Gaaming Setup</a></li>
  <li><a href="">Gaaming Setup</a></li>
  <li><a href="">Gaaming Setup</a></li>
  <li><a href="">Gaaming Setup</a></li>
  <li><a href="">Gaaming Setup</a></li>
  <li><a href="">Gaaming Setup</a></li>
  <li><a href="">Gaaming Setup</a></li>
  <li><a href="">Gaaming Setup</a></li>
</nav>
</div>

Answer 1

你可以通过

document.querySelector('html').style.overflow = 'hidden';