jquery - 如何正确使用 fullpage.js 的 onLeave() 函数？

Question

我想让用户向下滚动 4 个部分。当到达第四部分时，用户再次向下滚动，而不是向下滚动到第五部分， View 应该再次跳转到第一部分。 (还有第五部分；但是它只包含印记，可以通过其他方式访问。)

这是我的代码:

$('#fullpage').fullpage({
    onLeave: function(index, nextIndex, direction){
        if(nextIndex == 5){
            $.fn.fullpage.moveTo(1);
        }
    }
});

它作为脚本放置在第四部分中(这个位置对吗？尽管移动它没有任何效果......)。

发生的事情是:

• 已经无法到达第5部分了

• 可以滚动到其他部分，但无法通过 anchor 访问它们

我做错了什么？

Answer 1

2019 年更新:

此问题在 fullPage.js 版本 3 中不存在: https://github.com/alvarotrigo/fullPage.js

旧答案

此答案已在 fullpage.js github issues forum 中得到解决

我从中粘贴:

---

我现在明白你的意思了，但实际上从 2.7.9 开始就不起作用了。

目前有一个解决方案:

http://jsfiddle.net/97tbk/1292/

//IE < 10 pollify for requestAnimationFrame
window.requestAnimFrame = function(){
    return window.requestAnimationFrame ||
        window.webkitRequestAnimationFrame ||
        window.mozRequestAnimationFrame ||
        window.oRequestAnimationFrame ||
        window.msRequestAnimationFrame ||
        function(callback){ callback() }
}();


$('#fullpage').fullpage({
    sectionsColor: ['yellow', 'orange', '#C0C0C0', '#ADD8E6'],
    onLeave: function(index, nextIndex, direction) {
        var leavingSection = $(this);
        requestAnimFrame(function(){
            if (index == 2 && direction == 'down') {   
                $.fn.fullpage.moveTo(4);
            }
        });
    }
});