如何通过使用jquery单击相同的元素来启用和禁用滚动？

Question

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

我正在尝试这样的事情：

$(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'});      
    }

  });
  });

但我需要一些帮助，因为我对这种语言有点新手

Answer 1

你应该放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'});      
      }
    });
  });