javascript - 有什么方法可以暂时禁用 fullpage.js 的滚动功能？

Question

我正在使用 fullpage.js 构建一个网站，它也有一个弹出的覆盖层并覆盖整个页面。在叠加层内，是一个带有 overflow: scroll 的 div 设置，以便您可以看到所有内容。问题在于，当您滚动浏览叠加层的内容时，fullpage.js 的滚动仍在背景幻灯片上进行，导致您在关闭叠加层时最终出现在随机幻灯片上。

有什么方法可以只禁用幻灯片的滚动功能，而不影响我设置为 overflow:scroll 的 div 的滚动？

Answer 1

使用 fullpage.js 插件提供的选项 normalScrollElements:

来自 the documentation :

normalScrollElements: (default null) If you want to avoid the auto scroll when scrolling over some elements, this is the option you need to use. (useful for maps, scrolling divs etc.) It requires a string with the jQuery selectors for those elements. (For example: normalScrollElements: '#element1, .element2')