滚动时正常滚动,每次使用fullpage.js一个部分

时间:2015-07-24 09:12:30

标签: javascript jquery fullpage.js

我使用fullpage.js创建了一些完整的页面部分。每当用户向下滚动时,我希望插件一次向下滚动一个部分(默认行为)。

当用户向上滚动时,我不想一次只向上滑动一个部分,但是启用正常滚动(可以使用 setAutoScrolling = false 控制,但我可以&# 39;让这个工作。

有人对如何实现这种行为有任何建议吗?

编辑:添加了我尝试过的示例代码,但不起作用(显然,因为当onLeave事件已被触发时setAutoScrolling方法被设置)

$('#fullpage').fullpage({

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


        if(direction == "up") {
            $.fn.fullpage.setAutoScrolling(false);
        }

        if(direction == "down") {
            $.fn.fullpage.setAutoScrolling(true);
        }
    }
});

1 个答案:

答案 0 :(得分:0)

如果没有看到您的代码,就很难解决您的问题。

here你可以在它工作的例子中,如果用户向上或向下滚动以允许或禁止autoScrolling,你只需添加检测

我使用这样的方法:

//adding the actions to the buttons
$(document).on('click', '#turnOff', function(){
  $.fn.fullpage.setAutoScrolling(false);
});

$(document).on('click', '#turnOn', function(){
  $.fn.fullpage.setAutoScrolling(true);
});