当灯箱打开时停止fullpage.js滚动，然后在灯箱关闭时重新启用

Question

所以我使用fullpage.js作为我正在处理的网站。我有一个部分，其中包含使用Nivo灯箱在灯箱中打开的生物团队领导者。当您点击此人时，他们的灯箱会打开，但如果您滚动浏览他们的信息（在移动设备中发生），则该部分会滑动。

我在fullpage.js

中找到了这个功能

$.fn.fullpage.setAllowScrolling(false);
$.fn.fullpage.setKeyboardScrolling(false);

当Nivo Lightbox打开/关闭以调用此功能时，是否有可以测试的事件？

此处示例： http://jeffreyroche.us/solarTestBed/#team/2 点击某人然后向上滚动。

Answer 1

您应该使用fullpage.js插件的选项normalScrollElements：

  

normalScrollElements：（默认为null）如果要在滚动某些元素时避免自动滚动，则需要使用此选项。 （对于地图，滚动div等有用）它需要一个带有jQuery选择器的字符串用于这些元素。 （例如：normalScrollElements：＆＃39;＃element1，.element2＆＃39;）

您可能需要修改normalScrollElementsTouchThreshold的值，具体取决于您的灯箱标记：

  

normalScrollElementTouchThreshold :(默认值为5）定义html节点树上的跃点数阈值Fullpage将测试normalScrollElements是否匹配，以允许触摸设备上div的滚动功能。 （例如：normalScrollElementTouchThreshold：3）

您可以在fullpage documentation获得所需的所有信息。

如果您需要更多控制权，可以始终使用fullpage.js方法setAllowScrolling来允许autoScrolling或禁用它。这样，您可以在打开弹出窗口时禁用它，例如，一旦关闭它就再次启用它。