我使用jQuery fullPage.js创建了一个网站。
有两个固定按钮,对于下一个和上一个部分,以及我想要实现的内容,只有当用户进入第二部分时才会使用fadein前一个按钮。
问题是,当我使用鼠标滚轮时,按钮会淡化,但该部分不会移动到第二个按钮,并且两个按钮都停止工作。
这是我的jQuery代码:
$('#fullpage').fullpage({
onLeave: function(index, nextIndex, direction){
//after leaving section 2
if(index == '1' && nextIndex == '2' && direction =='down'){
$('.tasto_indietro').fadeIn(500, function(){
$(this).css({
'transition': 'all 0.2s linear 0s',
'-moz-transition': 'all 0.2s linear 0s',
'-webkit-transition': 'all 0.2s linear 0s',
'-o-transition': 'all 0.2s linear 0s'
});
});
}
}
});
HTML结构就像这样
<body>
<div class="container">
<div class="section schermata_home" id="section0">
</div>
<div class="section schermata_web" id="section1">
</div>
</div>
</body>
任何人都有一些想法?