菜單打開時停止在iOS上滾動身體

Question

我正在嘗試停止使用javascript打開的菜單下方的正文滾動。

<script>
  $('.mobile-menu-link').click(function(){
      $('body').toggleClass("no-scroll");
  });
</script>

當前，我在主體上切換一個類，該類僅添加了屬性“ overflow：hidden”，但這會阻止它在桌面上滾動，但似乎無法在移動設備上滾動，這里是否缺少任何JavaScript或CSS？

謝謝

Answer 1

有很多方法可以做到，我認為這可以完成工作

body.no-scroll{
  height: 100vh;
  width: 100vw;
  position: fixed;
}