jQueryFullPage.js:到达特定部分时的fadein元素

时间:2014-08-28 08:18:32

标签: jquery html fullpage.js

我使用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>

任何人都有一些想法?

0 个答案:

没有答案