Javascript 关于第节的完整页面JS动画

我正在制作一个完整的Js网站，我在我的页面的每一个部分都有动画，我希望我的动画在我在该部分时播放，所以我知道在这个插件中有一个后渲染选项，但我不知道如何对它进行语法化，使css动画播放 这是我的代码（在本例中，我试图仅当我在section2上时才播放section2行的动画）

var smallCircles=['top'，'right'，'bottom'，'left'，'top']；
$（文档）.ready（函数（）{
$（“#全页”）。全页({
锚定：['firstPage'，'secondPage'，'3rdPage'，'4thPage'，'lastPage']，
滚动速度：1000，
});
});
正文{
身高：100%；
保证金：0；
填充：0；
溢出：隐藏；
}
.fp组{
位置：相对位置；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
文本对齐：居中；
}
.fp-section.fp-table、.fp-slide.fp-table{
显示：表格；
表布局：固定；
宽度：100%；
}
.fp表细胞{
显示：表格单元格；
垂直对齐：中间对齐；
宽度：100%；
身高：100%；
}
.fp可滚动{
溢出：滚动；
}
.fp不转换{
-webkit转换：无！重要；
过渡：无！重要；
}
#线{
位置：绝对位置；
宽度：340px；
边缘顶部：20px；
高度：4px；
背景：rgba（0,0,0,1）；
-moz动画持续时间：1s；
-webkit动画持续时间：1s；
-moz动画名称：slidein；
-webkit动画名称：slidein；
}
@-moz关键帧幻灯片{
从{
左边距：100%；
宽度：300%
}
到{
左边缘：0%；
宽度：600%；
}
}
@-webkit关键帧幻灯片{
从{
左边缘：0%；
宽度：0%
}
到{
左边缘：0%；
宽度：340px；
}
}

第一节

第2节
3.
4.
查看此视频：

这是处理CSS动画的理想选择，如果您正在寻找javascript或jQuery动画，那么应该使用诸如
afterLoad
或
onLeave
：

 $('#fullpage').fullpage({
    anchors: ['firstPage', 'secondPage', 'thirdPage', 'fourthPage', 'lastPage'],

    afterLoad: function(anchorLink, index){
        var loadedSection = $(this);

        //using index
        if(index == 3){
            alert("Section 3 ended loading");
        }

        //using anchorLink
        if(anchorLink == 'secondSlide'){
            alert("Section 2 ended loading");
        }
    }
});

我理解我的问题是，我不知道如何编写代码，以便在我在节中播放css：类似于if（index==3）{$（'media'）.css（0.play（）；}。。。？实际上，我用css制作动画，我想用javascript调用它，让它播放到每个部分，然后你应该在尝试使用css和javascript之前开始学习它们。。。或者问你具体的问题，而不是一般性的问题。我已经回答了你的问题。如果你有任何其他问题，你应该为他们提出新的问题。