-->

fullpage.js使用一个特定部分的自定义过渡(fullpage.js Using a cust

2019-10-21 23:48发布

我使用fullpage.js为它的超级基本功能:使视口的我的网站全高各部分和部分滚动到节时锁定卷轴。

而不是从部分1滑动到第2条,我要通过使更大和衰落出来,然后逐渐变为部分2基本上以动画部1的背景下,这将是该滑动自定义过渡。

该插件有一个事件实例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:

更新

看看这个话题 。 您可以使用取消移动功能的回调,以防止scoll,做你自己的行为。

或者,你也可以使用$.fn.fullpage.setAllowScrolling(false) ,以防止fullPage.js滚动,然后使用自己的mousewheeltouch你可以创建你可以触发你自己的行为的处理程序。


请看一看这个相关主题上fullPage.js问题论坛处理。

我会说有此刻做不正确的方法。



文章来源: fullpage.js Using a custom transition on one certain section