jquery addclass和hasclass with animate.css

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部分。

我試圖使用它來檢測並添加動畫當activeus存在aboutus部分。

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

它不工作。我嘗試通過刪除if語句來查看addClass是否正常工作，'about'文字中添加了「動畫淡入」。

任何人都可以告訴我我該怎麼做？因爲我只想在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' 
      }); 
     }; 
    } 
});