Question

我正在使用幻灯片在IONIC 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/

Ionic 2动画不会在每张幻灯片上播放

1 个答案: