스크롤 작업 전 조건을 추가하는 방법

Question

fullpage.js 라이브러리를 사용하는 데 문제가 있습니다. 모달이 열릴 때 화면이 스크롤되지 않도록 해야 합니다.

onLeave, afterLoad 및 jQuery를 사용하여 스크롤을 비활성화하려고 시도했는데 코드는 다음과 같습니다.

$(document).ready(function () {
  $(window).bind("휠", 함수 (e) {
    if (document.getElementsByClassName("modalIsOpen").length != 0) {
      $.fn.fullpage.setAllowScrolling(false);
    } 또 다른 {
      $.fn.fullpage.setAllowScrolling(true);
    }
  });
  $("#fullpage").fullpage({
    NormalScrollElements: ".tableContainer",
  });
});

그러나 이 코드의 문제점은 페이지를 한 번 스크롤한 후 페이지 스크롤이 작동을 멈춘다는 것입니다. fullpage.js가 먼저 스크롤된 다음 jQuery가 스크롤을 중지하는 것 같습니다. 어떤 아이디어가 있나요? 모두들 감사합니다

Answer 1

@JavierFromMadrid 덕분에 해결책을 찾았습니다. 하지만 이는 주제 질문에 대한 정확한 답변이 아니라 문제를 해결하는 또 다른 방법입니다. 이 문제를 해결하는 한 가지 방법은 모달을 열 때 fullpagejs 스크롤을 비활성화하는 것입니다.

으아악

호출된 함수가 모달 상자 스크롤을 비활성화하지 않도록 하려면 전체 페이지의 normalScrollElements 옵션에서 모달 상자 클래스의 이름을 정의해야 합니다.

으아악