在视图动画过程中，“离开”视图仍占用空间，而“进入”视图在
在视图动画过程中，“离开”视图仍占用空间，而“进入”视图在
提问于 2013-08-04 13:37:40
我正在使用AngularJS 1.1.5，并使用daneden的animate.css测试ng动画指令。我使用路由设置了几个视图。我正在使用Twitter引导带3 RC1。
以下是ng视图的代码：
<div class="container" ng-view ng-animate="{enter:'animated fadeInRightBig', leave:'animated fadeOutLeft'}"></div>这是路由部分：
$routeProvider
.when('/', {
templateUrl: '/Home/Home',
title: 'Home'
})
.when('/Home/Home', {
templateUrl: '/Home/Home',
title: 'Home'
})
.when('/Home/About', {
templateUrl: '/Home/About',
title: 'About'
})
.otherwise({
redirectTo: '/'
});
$locationProvider.html5Mode(false).hashPrefix('!');动画作品(也就是说，我看到动画效果)和视图也会发生变化。
我有麻烦的是，“离开”视图似乎仍然占用空间，而“进入”视图是动画。
效果是，新视图的enter动画发生在离开视图先前占用的空间下面。似乎旧的观点仍然存在，尽管它已经“生机勃勃”了。当动画完成后，新的视图就会突然上升到正确的位置。我使用fadeInRightBig作为enter，fadeOutLeft用于休假。
怎么解决这个问题呢？预期的结果是平稳过渡，没有抓取，就像幻灯片1到3 这里中ng开关的动画一样。(当然，我使用的是ng视图。)
谢谢!
编辑：
我收回它，‘离开’动画还没有完全完成，而‘进入’动画运行。
所以我想我的问题会有一点改变。但预期的结果是一样的。如何实现平滑的“滑动”效果？
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-08-04 15:15:01
我刚开始的时候也有同样的问题。要实现平滑效果，只需更改CSS的时间。进入animate.css文件，查找需要延迟的文件(在您的例子中，它将是fadeInRightBig文件)。更改延迟(或向其添加大约1或2秒的延迟)。
另一种选择是将退出动画的位置变为绝对位置。
如果这有帮助的话请告诉我。对我起作用了。我希望安古拉杰已经为我们处理好了。也许下一个版本将为我们解决这些问题。
Stack Overflow用户
发布于 2014-10-16 19:06:27
解决这个问题的另一个常见方法是处理z-索引.纳克-进入通常必须低于纳克-离开。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18043528
复制相关文章
相似问题
腾讯云开发者
