javascript - 如何通过单击与jQuery相同的元素来启用和禁用滚动？

我想在单击页面的“菜单图标”时禁用滚动，然后在再次单击菜单以关闭时再次启用滚动。

我正在尝试这样的事情：

$(document).ready(function(){

  $(".menu").click(function (e) {
    $(".menucontent").show();
    if ( $(".menucontent").is(":visible")) {
      $('html, body').css({ overflow: 'hidden', height: '100%'});
    }else{
      $('html, body').css({ overflow: 'auto', height: 'auto'});
    }

  });
  });

但我需要一些帮助，因为我是这种语言的新手

最佳答案

您应该放toggle()而不是show


  切换：显示或隐藏匹配的元素。

$(document).ready(function(){
  $(".menu").click(function (e) {
    $(".menucontent").toggle();
      if ( $(".menucontent").is(":visible")) {
        $('html, body').css({ overflow: 'hidden', height: '100%'});
      }else{
        $('html, body').css({ overflow: 'auto', height: 'auto'});
      }
    });
  });