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

时间:2016-01-04 05:36:42

标签: javascript html angularjs animate.css

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

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

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

来调用我的动画

1 个答案:

答案 0 :(得分:0)

如果您使用的是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>