fullpage.js在某个部分使用自定义转换

我正在使用fullpage.js它的超级基本function：让我的网站上的每个部分都是视口的全高，并在从一个部分滚动到一个部分时锁定滚动。

而不是从第1部分滑动到第2部分，我想通过使第1部分的背景更大并将其淡化来为第1部分的背景设置动画，然后淡入第2部分。基本上，这将是此幻灯片的自定义转换。

该插件有一个事件实例OnLeave，允许在用户滚过某个幻灯片时执行某些操作：

onLeave: function(index, nextIndex, direction){ var leavingSection = $(this); //after leaving section 2 if(index == 1 && direction =='down'){ $('.section1').animate({ backgroundSize: '150%' }, 1000); do another css animation } else if(index == 1 && direction == 'up'){ alert("Going to section 1!"); } } 

虽然事件很有效，但我不知道如何添加延迟，因此动画可以在页面滚动到下一部分之前完成。 另外，如前所述，我想淡出到下一部分而不是向下滑动（如果这是可能的话）。

非常感谢任何指导。

Answer 1

更新

看看这个主题 。 您可以在回调中使用取消移动function来阻止scoll并执行您自己的操作。

或者，您也可以使用$.fn.fullpage.setAllowScrolling(false)来阻止fullPage.js滚动，然后使用您自己的mousewheel或touch处理程序，您可以创建可以触发自己的操作。

---

请查看在fullPage.js问题论坛上处理的相关主题 。

我想说目前还没有正确的办法。