我在使用fullpage.js库时遇到了问题 当我的模态框打开时，我需要屏幕不滚动。
我尝试使用onLeave、afterLoad和jQuery禁用滚动，代码如下：
1
1009$(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停止滚动。 有什么想法吗？ 谢谢大家
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
感谢@JavierFromMadrid，我找到了解决方案 但这不是对主题问题的确切答案，而是另一种解决问题的方法 解决此问题的一种方法是在打开模态框时禁用fullpagejs滚动：
为了使调用的函数不禁用模态框滚动，需要在fullpage的normalScrollElements选项中定义模态框类的名称。
$("#fullpage").fullpage({ normalScrollElements: ".modal", });