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

Question

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

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

Answer 1

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

来自the documentation：

normalScrollElements:（默认为null）如果您想在滚动某些元素时避免自动滚动，这是您需要使用的选项。 （对地图、滚动 div 等很有用）它需要一个带有 jQ​​uery 选择器的字符串来用于这些元素。 （例如：normalScrollElements: '#element1, .element2'）