javascript - jQuery addclass和hasclass与animate.css

我正在尝试使用addclass和hasclass将animate.css动画添加到除法类中。

<section class="main active">
 ...
</section>
<section class="aboutus">
    <h1>About Us</h1>
    <p class="aboutus-text">
    Text
    </p>
</section>

上面是我要制作动画的HTML代码。

因此，当滚动到aboutus部分时，active将从main中删除并添加到aboutus部分。

我尝试使用此方法来检测并添加有关aboutus部分中活动的动画的信息。

if($("section.aboutus").hasClass('active')) {
    $(".aboutus-text").addClass("animated fadeIn");
};

它不起作用。我试图通过删除if语句来查看addClass是否正常工作，将'animated fadeIn'添加到aboutus-text中。

任何人都可以告诉我该怎么做？因为我只希望动画在aboutus处于活动状态时开始。

最佳答案

该插件具有afterMove（）回调，您需要使用它

$(".main").onepage_scroll({
    easing: "ease",
    animationTime: 1000,
    afterMove: function () {
        if ($("section.aboutus").hasClass('active')) {
            $(".aboutus-text").addClass("animated fadeIn");
            $("section.aboutus").css({
                'display': 'block'
            });
        };
    }
});

关于javascript - jQuery addclass和hasclass与animate.css，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26248390/