如何在進行滾動操作之前加入條件

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",
  });