すべてのスライドでIonic 2アニメーションが再生されない

Question

スライドを使用してION 2でプレゼンテーションを作成しています。どのスライドでも、アニメーションを使ってデータを表示します（タイトルスライドイン、グラフのフェードインなど）。 私の問題は、アニメーションが最初のスライドでのみ機能することです。私が残りの部分にスワイプすると、アニメーションは再生されません。

は以下どれヘルプははるかに高く評価されて

<ion-slides> 
    <ion-slide> 
    <div class="slideContent slideBacBlack"> 
     <div class="slide0Verbs"> 
      <div class="slide0descr animated fadeIn"><img src="images/ola-0-descr.png"></div> 
      <div class="slide0Title"><img src="images/ola-0-title.png"></div> 
     </div> 
     <div class="slide0Photo animated fadeIn"><img src="images/ola-0-img.png"></div> 
    </div> 
    </ion-slide> 
</ion-slides> 

私のコードのサンプルです！

Answer 1

これでスライドビューを開くとすぐに問題が発生し、そこにあるすべてのスライドが同時にアニメーション化されます。 その特定の部分がビューポートに入るときにアニメーションをトリガするものが必要です。 これはあなたの通常のJavaScriptを使用するか、css3-animate-itと呼ばれるものを使用することができます。 http://jackonthe.net/css3animateit/