我使用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!");
}
}
虽然事件的伟大工程,我不知道如何添加一个延迟,所以动画可以在页面滚动到下一节之前完成。 此外,如前面提到的,我想淡出下一节,而不是向下滑动(如果这是有可能的)。
任何指导,是极大的赞赏。