角度引導動畫選項卡過渡但不出

Question

我試圖在頁面上選擇不同選項卡時添加動畫幻燈片效果。到目前爲止，它只有一半有效。

我正在使用animate.css，因爲我希望它能讓事情變得非常簡單，但我發現轉換隻會影響內容，而不會影響內容（即內容跳出正確，但不會滑出）。

我看過這個沒有答案的問題，這似乎解決了同樣的問題，但沒有幫我找到答案（https://stackoverflow.com/questions/19961952/angularjs-1-2-animations-with-animate-css-hide-animation-doesnt-seem-to-fire）。

任何人都可以指向正確的方向嗎？

plunker這裏：http://plnkr.co/edit/cERDGS2zvUxOyqboFZXT?p=preview

謝謝

Answer 1

你可以覆蓋選項卡區域內引導的CSS：

.tab-content>.tab-pane { 
    display: none; 
} 

與

.tab-content>.tab-pane { 
    display: block; 
} 

那麼你可以做一些CSS/JS欺騙性地定位其他元素絕對如此我噸不通過佈局。我實際上有同樣的確切問題。我看到這篇文章，我認爲這也幫助我解決了我的問題。謝謝，我希望這有助於。我的朋友：http://plnkr.co/edit/tgpyZq3JD1hwxtwCwWv8?p=preview