导航栏打开时锁定滚动

Question

我正在尝试制作一个响应式网站。几乎一切都很好，但是我不能解决这个问题。当我从移动设备打开导航栏时，它仍然允许我滚动页面。像这样：https : //gyazo.com/3b58a7631bc3532ae979fdd81ab816d5

我尝试添加“ overflow-y：隐藏；” 到css，但完全没有帮助。

<ul class="nav-links" id="nyitas">

  <li><a class="btn btn4" style="color: white;">Hirdetés</a></li>

  <li><a href="index.html">Főoldal</a></li>

  <li><a style="cursor:pointer" onclick="openNav()">Kereső&#11167;</a></li>

  <li><a href="#">Hirdetések</a></li>

  <li><a href="#">Regisztráció</a></li>

  <li><a href="#">Bejelentkezés</a></li>

</ul>

和CSS：

@media screen and (max-width: 1280px){

  .nav-links{

    position: absolute;

    right: 0px;

    height: 92vh;

    top: 8vh;

    background-color: #272727;

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 100%;

    transform: translateX(100%);

    transition: transform 0.5s ease-in;

    z-index: 10;

    overflow-y:hidden;

  }