Question

我正在使用fullpage.js并且它是一个非常棒的插件，但是，在我将onLeave回调添加到页面（来自github的默认样本）后，花式滚动功能，即不是每个向上或向下滚动一个部分鼠标滚动，无论滚动长度如何，每个滚动步骤都会跳过一个部分。

我在fullpage.js问题部分告诉我该问题已经解决，我应该使用最多的更新库，但我已经尝试了CDN以及将插件安装到我的项目中，问题仍然存在。

我很抱歉我无法提供问题的示例 - 我无法在jsfiddle中重现它。

谢谢！

Answer 1

我已经解决了它，即之前我做错了 - 我为afterLoad和onLeave创建了一个新的$（＆＃39;＃fullpage＆＃39;）。fullpage（{}）。

当我把它们放在同一个并用昏迷分开时，它们按预期工作。

$('#fullpage').fullpage({
        anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'],

        afterLoad: function(anchorLink, index){
            var loadedSection = $(this);

            //using index
            if(index == 3){
                //alert("Section 3 ended loading");
            }

            //using anchorLink
            if(anchorLink == 'secondSlide'){
                //alert("Section 2 ended loading");
            }
        },

        onLeave: function(index, nextIndex, direction){
            var leavingSection = $(this);

            //after leaving section 2
            if(index == 2 && direction =='down'){
                alert("Going to section 3!");
            }

            else if(index == 2 && direction == 'up'){
                //alert("Going to section 1!");
            }
        }
    });

很抱歉，浪费了你的时间，再次向创作者推荐了一个漂亮的插件：）

在fullpage.js上添加onLeave会中断滚动

1 个答案: