So fügen Sie eine Bedingung vor dem Scrollen hinzu

Question

Ich habe ein Problem mit der Bibliothek fullpage.js Ich möchte, dass der Bildschirm nicht scrollt, wenn mein Modal geöffnet wird.

Ich habe versucht, das Scrollen mit onLeave, afterLoad und jQuery zu deaktivieren. Der Code lautet wie folgt:

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

Aber das Problem mit diesem Code besteht darin, dass das Scrollen der Seite nicht mehr funktioniert, nachdem die Seite einmal gescrollt wurde. Es scheint, dass fullpage.js zuerst scrollt und dann jQuery aufhört zu scrollen. Irgendwelche Ideen? Vielen Dank an alle

Answer 1

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

$.fn.fullpage.setAllowScrolling(false);

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

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