如何在进行滚动操作之前加入条件

Question

我在使用fullpage.js库时遇到了问题 当我的模态框打开时，我需要屏幕不滚动。

我尝试使用onLeave、afterLoad和jQuery禁用滚动，代码如下：

$(document).ready(function () {
  $(window).bind("wheel", function (e) {
    if (document.getElementsByClassName("modalIsOpen").length != 0) {
      $.fn.fullpage.setAllowScrolling(false);
    } else {
      $.fn.fullpage.setAllowScrolling(true);
    }
  });
  $("#fullpage").fullpage({
    normalScrollElements: ".tableContainer",
  });
});

但是这段代码的问题是页面滚动一次后，页面滚动停止工作。 似乎fullpage.js先滚动，然后jQuery停止滚动。 有什么想法吗？ 谢谢大家

Answer 1

感谢@JavierFromMadrid，我找到了解决方案 但这不是对主题问题的确切答案，而是另一种解决问题的方法 解决此问题的一种方法是在打开模态框时禁用fullpagejs滚动：

$.fn.fullpage.setAllowScrolling(false);

为了使调用的函数不禁用模态框滚动，需要在fullpage的normalScrollElements选项中定义模态框类的名称。

$("#fullpage").fullpage({
    normalScrollElements: ".modal",
  });