如何启用和禁用页面滚动

Question

我的项目仅是水平滚动。 意思是X。

#landscape是整个容器。

首先，我禁用#landscape的滚动。

之后，当我单击.close-reveal-modal ， div淡入。

在这个div我仍然无法滚动$('#landscape') 。 之后，我要在关闭此.close-reveal-modal后启用$('#landscape')滚动。

我累了把$('#landscape').off ，这意味着启用它。 但这对我不起作用。

$('#landscape').on('scroll touchmove mousewheel', function(e){ // on off means enable and disable
  e.preventDefault();
  e.stopPropagation();
  return false;
})

$('.close-reveal-modal').click(function(){
    setTimeout(function(){
        $('#second_load').fadeIn(300);
    }, 1000);
});

$('#second_load').click(function(){
    $('#second_load').fadeOut(300);

    $('#landscape').off('scroll touchmove mousewheel', function(e){ // on off means enable and disable
      e.preventDefault();
      e.stopPropagation();
      return false;
    })
});

Answer 1

function freeze() {
        var top = $("html").scrollTop() ? $("html").scrollTop() : $("body").scrollTop();
        var left = $("html").scrollLeft() ? $("html").scrollLeft() : $("body").scrollLeft();
        if(window.innerWidth > document.documentElement.clientWidth) {
            $("html").css("overflow-y", "scroll");
        }
        if(window.innerHeight > document.documentElement.clientHeight) {
            $("html").css("overflow-x", "scroll");
        }
        $("html").css({"width": "100%", "height": "100%", "position": "fixed", "top": -top, "left": -left});
}
function unfreeze() {
        $("html").css("position", "static");
        $("html, body").scrollTop(-parseInt($("html").css("top")));
        $("html, body").scrollLeft(-parseInt($("html").css("left")));
        $("html").css({"position": "", "width": "", "height": "", "top": "", "left": "", "overflow-y": "", "overflow-x": ""});
}

来源： https : //github.com/HubSpot/vex/issues/155