스크롤 작업 전 조건을 추가하는 방법
P粉738046172
2023-09-06 00:00:45
<p>fullpage.js 라이브러리를 사용하는 데 문제가 있습니다.
모달이 열릴 때 화면이 스크롤되지 않도록 해야 합니다. </p>
<p>onLeave, afterLoad 및 jQuery를 사용하여 스크롤을 비활성화하려고 시도했는데 코드는 다음과 같습니다. </p>
<pre class="brush:php;toolbar:false;">$(document).ready(function () {
$(window).bind("휠", 함수 (e) {
if (document.getElementsByClassName("modalIsOpen").length != 0) {
$.fn.fullpage.setAllowScrolling(false);
} 또 다른 {
$.fn.fullpage.setAllowScrolling(true);
}
});
$("#fullpage").fullpage({
NormalScrollElements: ".tableContainer",
});
});</pre>
<p>그러나 이 코드의 문제점은 페이지를 한 번 스크롤한 후 페이지 스크롤이 작동을 멈춘다는 것입니다.
fullpage.js가 먼저 스크롤된 다음 jQuery가 스크롤을 중지하는 것 같습니다.
어떤 아이디어가 있나요?
모두들 감사합니다</p>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
@JavierFromMadrid 덕분에 해결책을 찾았습니다. 하지만 이는 주제 질문에 대한 정확한 답변이 아니라 문제를 해결하는 또 다른 방법입니다. 이 문제를 해결하는 한 가지 방법은 모달을 열 때 fullpagejs 스크롤을 비활성화하는 것입니다.
으아악호출된 함수가 모달 상자 스크롤을 비활성화하지 않도록 하려면 전체 페이지의 normalScrollElements 옵션에서 모달 상자 클래스의 이름을 정의해야 합니다.
으아악