Question

标题可能不清楚，抱歉:( 这是代码和link

$(document).ready(function() {
    $('#fullpage').fullpage({
        sectionsColor: ['#f2f2f2', '#4BBFC3', '#7BAABE', 'red'],
        anchors:['firstSlide', 'secondSlide'],
        scrollBar: true,
        afterLoad: function(anchorLink, index){
            $(this).find('.animated').each(function() { // i want to know in here, $(this) mean active section? am i wrong?
              $(this).addClass('in'); // add in class to active section > animated item
            });
            $('.section:not(".active")').find('.animated').each(function() {
              $(this).removeClass('in');
            }); // each time scroll to section, remove in class at non-active section AFTER load (scroll)
        },
        afterRender: function(){

        },
    });
});

请查看链接以查看代码，谢谢，问题是在第一部分重新加载页面时，在类中没有添加它，但在第二部分工作，如何解决这个问题？（在链接上可能看不到问题，因为每次运行代码它都会回到第一部分，我测试的代码不在http://jsfiddle.net/，重新加载页面应滚动到同一部分作为url＃secondSlide类似的东西......抱歉，我不知道怎么说这个）
并且在afterRender部分，我想在每次重新加载页面时获取当前部分（索引），然后运行函数afterRender，我不知道如何获取当前索引但我尝试在afterRender中添加以下代码功能，实际上我真的不知道afterRender功能意义......

请查看link

如果我在第二部分重新加载，第二部分运行afterLoad函数，第一部分运行afterRender函数，当它没有类.active时，似乎我的代码失败，也许不需要randerAfter函数？：（

我希望每次重新加载页面时，当前（有.active类）部分将.in类添加到.animated中，延迟1500次，只有一次，然后每次滚动使用afterLoad函数（添加.in类没有延迟），我正在考虑重新加载页面时的想法，将函数add_in_class_with_delay运行到当前，运行一次后取消绑定此函数，绑定add_in_class_without_delay函数，我不知道该怎么做。

任何好方法？非常感谢:)。

Answer 1

在您的情况下，您只是添加了一个CSS类，我建议您使用fullPage.js添加到body元素的类来确定您在哪个部分/幻灯片中。< / p>

这样做：

body.fp-viewing-firstSlide .animated{
    transform: rotate(0deg) ;
    -webkit-transform: rotate(0deg) ;
    visibility: visible;
    opacity: 1;
}
.animated {
    transform: rotate(122deg) ;
    -webkit-transform: rotate(122deg) ;
    opacity: 0;
    -webkit-transition: all 1000ms ease;
    transition: all 1000ms ease;
}

fullpage.js首先加载css动画部分并获取当前索引

1 个答案: