Question

我正在尝试使用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是否正常工作，动画fadeIn＆＃39;被添加到aboutus-text。

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

Answer 1

该插件有一个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'
            });
        };
    }
});

jquery addclass和hasclass with animate.css

1 个答案: