在页面加载和页面卸载时为多个 <DIV> 元素设置动画

【问题标题】：Animate multiple <DIV> elements on page load and page unload在页面加载和页面卸载时为多个 <DIV> 元素设置动画
【发布时间】：2016-01-04 05:36:41
【问题描述】：

我正在使用 Animate.CSS 插件在页面加载期间为我的 div 元素提供动画。基本上，我有一些元素可以在页面显示时滑入。

我想在页面关闭和下一页打开时为相同元素创建滑动效果。请注意，我不使用点击事件来移动到新页面 - 它会自动在 angular-ui-routes 列表中移动。

我目前通过调用<div class="animated fadeInLeft">来调用我的动画

【问题讨论】：

【解决方案1】：

如果您使用的是ui-router，请使用以下插件。太棒了。

编辑

  <div ui-view="container" autoscroll="false"  class="anim-in-out anim-fade" data-anim-speed="500" data-anim-sync="false"></div>

【讨论】：