如何在进行滚动操作之前加入条件
P粉738046172
P粉738046172 2023-09-06 00:00:45
0
1
417

我在使用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停止滚动。 有什么想法吗? 谢谢大家

P粉738046172
P粉738046172

全部回复 (1)
P粉195402292

感谢@JavierFromMadrid,我找到了解决方案 但这不是对主题问题的确切答案,而是另一种解决问题的方法 解决此问题的一种方法是在打开模态框时禁用fullpagejs滚动:

$.fn.fullpage.setAllowScrolling(false);

为了使调用的函数不禁用模态框滚动,需要在fullpage的normalScrollElements选项中定义模态框类的名称。

$("#fullpage").fullpage({ normalScrollElements: ".modal", });
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!