我在使用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停止滚动。 有什么想法吗? 谢谢大家
感谢@JavierFromMadrid,我找到了解决方案 但这不是对主题问题的确切答案,而是另一种解决问题的方法 解决此问题的一种方法是在打开模态框时禁用fullpagejs滚动:
为了使调用的函数不禁用模态框滚动,需要在fullpage的normalScrollElements选项中定义模态框类的名称。