仅在以下部分淡入后才允许在fullPage部分中滚动

时间:2014-11-25 15:45:18

标签: jquery fullpage.js

我对所有部分都使用了delay.fadeIn,因此它们会在不同的时间出现。例如,第二部分有一个延迟(20000).fadeIn()函数,使其在页面加载后20秒出现 - 其余部分在不同时间看起来像这样。

我的问题是,如果您在淡入淡出之前滚动到某个部分,fullPage会将您带回第一部分。我希望防止向下滚动,直到新的部分已经消失。

fullPage's documentation,我想我可以使用setAllowScrolling(见下文) - 但需要确保用户仍然可以上下导航,但只是不能超过最后一个可用的部分。

  

setAllowScrolling(布尔值)

     

使用添加或删除滚动部分的可能性   鼠标滚轮/触控板或触摸手势(由...激活)   默认值)。

     

$ fn.fullpage.setAllowScrolling(假);

注意我有'loopBottom':false和'loopTop':false,

希望这是有道理的,并感谢任何帮助。

谢谢!

1 个答案:

答案 0 :(得分:0)

初始化后,您可以将插件添加的fp-section类添加到所有部分。

如果您从某些部分删除它,那么这些部分将不会存在。它将忽略它们并且您无法滚动到它们。

完成fadeIn后,只需动态添加课程fp-section