角度的幻灯片动画效果没有按预期的那样工作

我是网络开发新手尝试在角度ng-view中创建滑动页面，但当页面2在页面下方显示一页到一页一个是可用的。请参阅代码here。角度的幻灯片动画效果没有按预期的那样工作

.slide.ng-enter{ 
    transition-duration: 500ms; 
    transform: translateX(100%); 
} 
.slide.ng-enter-active{ 
    transform: translateX(0%); 
} 
.slide.ng-leave{ 
    transition-duration: 500ms; 
    transform: translateX(0%); 
} 
.slide.ng-leave-active{ 
    transform: translateX(-100%); 
}

我也需要做出从左right.Can页面一张幻灯片有人帮我在这

来源

2016-06-12 karthik

我已经加入的位置是：绝对给.slide。如果在您正在使用的项目中可以接受，那么下面的解决方案可以正常工作。请检查更新后的重击游戏。

.slide { 
    top: 0; 
    position: absolute; 
    width: 100%; 
}

https://plnkr.co/edit/qC0YS2Gj3ddiNvuhjKzV?p=preview

来源

2016-06-12 03:36:27

太感谢你了，你有什么想法如何从左至右滑动第2页点击 – karthik

更新plunker当低于幻灯片从左至右.. HTTPS：/ /plnkr.co/edit/qC0YS2Gj3ddiNvuhjKzV?p=preview –

角度的幻灯片动画效果没有按预期的那样工作

回答

相关问题