2016-06-12 13 views
0

ウェブ開発に新規です角度ng-viewでスライディングページを作成しようとしましたが、ページ2がページの1ページ下1つは利用可能です。コードhereを見てください。 .slideへの絶対:スライドアニメーションエフェクトが角度で動作していません

.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%); 
} 

は、私はまた、誰かが私はポジションを追加したこの

答えて

0

に私を助けるためにright.Can左からページのスライドを作成する必要があります。それがあなたが働いているプロジェクトで受け入れられるならば、以下の解決策はうまくいきます。更新されたプランカを確認してください。

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

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

+0

、ページ2がその下の – karthik

+0

更新plunkerが左から右にスライドクリックされたときに、左から右へのスライドを作るためにどのように任意のアイデアを持っています、ありがとうございました。.. ます。https:/ /plnkr.co/edit/qC0YS2Gj3ddiNvuhjKzV?p=preview –

関連する問題