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

Jef*_*che 7 jquery events lightbox nivo-slider fullpage.js

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

我从fullpage.js找到了这个功能

$.fn.fullpage.setAllowScrolling(false);
$.fn.fullpage.setKeyboardScrolling(false);
Run Code Online (Sandbox Code Playgroud)

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

示例:http: //jeffreyroche.us/solarTestBed/#team/2 单击某人然后向上滚动.

Alv*_*aro 11

您应该使用normalScrollElementsfullpage.js插件选项:

normalScrollElements :(默认为null)如果要在滚动某些元素时避免自动滚动,则需要使用此选项.(对于map,滚动div等很有用)它需要一个带有jQuery选择器的字符串用于这些元素.(例如:normalScrollElements:'#element1,.element2')

您可能需要normalScrollElementsTouchThreshold根据灯箱标记修改值:

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

您可以在全页文档中获得所需的所有信息.

如果您需要更多的控制,你可以随时使用fullpage.js方法setAllowScrolling允许自动滚动或禁用它.这样,您可以在打开弹出窗口时禁用它,例如,关闭它后再次启用它.