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

Question

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

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

我目前通过拨打<div class="animated fadeInLeft">

来调用我的动画

Answer 1

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

angular-ui-router-anim-in-out

修改

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