Question

是否可以在部分滚动到下一部分之前添加自动滚动事件？让我们说滚动到第2部分后，用户必须滚动两次，这将激活两个单独的动画，然后滚动到第3部分。我应该禁用自动滚动吗？我试过用这个

onLeave: function(index, nextIndex, direction){
                if(index == 2 && direction =='down'){
                    function act2s(){

                        $('.sc1').removeClass('opno').delay(1000).promise().done(function(){
                            $('.sc2').removeClass('opno').delay(500).promise().done(function(){
                                $('.vg_act2-inner').addClass('vertical_grid_active');
                                $('.hg_act2-anti_inner').addClass('horizontal_grid_active');
                                $('.hg_act2-anti_out-inner').addClass('hg_act2-anti_out-inner_active');
                                $('.hg_act2-inner').addClass('hg_act2-inner_active').delay(500).promise().done(function(){
                                    $('.red2').addClass('red_active');
                                });
                            });
                        });
                    }
                    setTimeout(act2s, 2000);
                    return false;
                }
            },

但是，在第一个sc1删除了类之后动画停止的一些奇怪的原因。有没有办法捕获两个滚动事件来激活动画，然后再次返回true，以便该部分可以恢复滑动？

Answer 1

查看the documentation

在滚动发生之前取消

您可以通过在onLeave回调中返回false来取消滚动：

  $('#fullpage').fullpage({
        onLeave: function(index, nextIndex, direction){
            //it won't scroll if the destination is the 3rd section
            if(nextIndex == 3){
                return false;
            }
        }
    });

fullpage.js在节之间添加2个自动滚动事件

1 个答案: