角度的幻燈片動畫效果沒有按預期的那樣工作

我是網絡開發新手嘗試在角度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 –

角度的幻燈片動畫效果沒有按預期的那樣工作

回答

相關問題