如何在点击时禁用移动和桌面滚动

Question

大家好。我正在处理这个使用 当单击按钮时，fadeToggle 显示 5 个链接。我正在使用 jquery ui overlay 用于叠加效果。我想要达到的目标 这是当您单击菜单时，它会显示链接并禁用 移动和桌面滚动，直到您再次按下按钮隐藏 菜单或直到您按下叠加效果。我找到了一些方法 禁用桌面滚动，但不会恢复滚动功能 关闭菜单后。任何帮助表示赞赏。谢谢。

---

$("#mmenu").hide();
     $(".ui-overlay").hide();
     $(".ui-widget-overlay").hide();
    $(".navicon").click(function(e) {
    e.preventDefault();
        $("#mmenu").fadeToggle(300);
        $(".ui-overlay").fadeToggle(300);
        $(".ui-widget-overlay").fadeToggle(300);
    });
    $(".ui-overlay").click(function() {
    $("#mmenu").fadeToggle(300);
    $(".ui-overlay").fadeToggle(300);
    $(".ui-widget-overlay").fadeToggle(300);
    });

Answer 1

看看那个：

• 全局变量：

  scrollTopPos = $( document ).scrollTop();
  allowScrolling = true;
  

• 滚动时：

  $(document).scroll(function() {
      if(allowScrolling === false) {
          $( document ).scrollTop( scrollTopPos );
      } else {
  
      }
  });
  

• 禁用：

  scrollTopPos = $( document ).scrollTop();
  allowScrolling = false;
  

• 启用：

  allowScrolling = true;
  

演示：http://jsfiddle.net/UbnQ4/11/