Folie Animationseffekt in eckigen funktioniert nicht wie erwartet

Question

Ich bin neu in Web-Entwicklung Versuchen, eine gleitende Seite in angular ng-Ansicht zu erstellen, aber es funktioniert nicht wie erwartet, wenn die Seite zwei seine Anzeige unter der Seite eins bis Seite eingibt Eine ist verfügbar. Bitte lesen Sie den Code 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%); 
} 

Ich brauche auch von links die Seite einer Folie machen mir jemand auf diesen ich hinzugefügt habe Position

Answer 1

helfen right.Can: absolut .slide. Wenn das in dem Projekt, in dem Sie arbeiten, akzeptabel ist, dann funktioniert die folgende Lösung gut. Bitte überprüfen Sie den aktualisierten Plünderer.

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

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