<p>我在使用fullpage.js库时遇到了问题
当我的模态框打开时，我需要屏幕不滚动。</p>
<p>我尝试使用onLeave、afterLoad和jQuery禁用滚动，代码如下：</p>
<pre class="brush:php;toolbar:false;">$(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",
});
});</pre>
<p>但是这段代码的问题是页面滚动一次后，页面滚动停止工作。
似乎fullpage.js先滚动，然后jQuery停止滚动。
有什么想法吗？
谢谢大家</p>
1
873
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
感谢@JavierFromMadrid，我找到了解决方案 但这不是对主题问题的确切答案，而是另一种解决问题的方法 解决此问题的一种方法是在打开模态框时禁用fullpagejs滚动：
为了使调用的函数不禁用模态框滚动，需要在fullpage的normalScrollElements选项中定义模态框类的名称。
$("#fullpage").fullpage({ normalScrollElements: ".modal", });