2014-09-10 180 views
3

我正在构建一个使用fullpage.js的网站,该网站也会弹出一个叠加层并覆盖整个页面。在叠加层中,是一个带有overflow:scroll的div设置,以便您可以看到所有内容。问题在于,当您滚动叠加层的内容时,fullpage.js的滚动仍然在背景幻灯片上,导致您在关闭叠加层时最终出现在随机幻灯片上。任何可以暂时禁用fullpage.js滚动功能的方法?

是否有任何方法来禁用滚动功能的幻灯片,而不影响滚动我的div集溢出:滚动?

回答

3

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

the documentation

normalScrollElements:(默认为空),如果你想避免自动滚动滚动在某些元素时,这是您需要使用的选项。 (对地图,滚动div等很有用)它需要一个带有这些元素的jQuery选择器的字符串。 (例如:normalScrollElements:'#element1,.element2')

相关问题