Animate.css和固定位置

Question

我有簡單的標記，如http://jsfiddle.net/2nzp8835/1/。點擊expand後，內容變爲「完全屏蔽」。然後，我使用animate.css添加了淡入淡出效果，如http://jsfiddle.net/ph1rvh6p/1/和expand已停止工作。
我不明白爲什麼。是否有可能使用animate.css和固定的定位元素？

Answer 1

我修復了這個問題，但有一些原因，我仍然無法弄清楚。
我的解決辦法是在這裏：JSFiddle.

關鍵屬性是vw和vh

.fullscreen-mode{ 
    height: 100vh; 
    left: -10px; 
    position: fixed; 
    top: -10px; 
    width: 100vw; 
    z-index: 99999; 
} 

它的CSS3屬性。如果你考慮IE8〜IE9，這可能是無效的。但在Chrome和FF上，它運行良好。 我試着找到詳細的原因。 下面是一些線索：
在animation.css，您使用的這些類

.fadeInRight { 
     animation-name: fadeInRight; 
    } 
    .animated { 
     animation-duration: 1s; 
     animation-fill-mode: both; 
    } 

我刪除其中的一些。有效的將回來。所以，我想改正重新定義頁面流，以便使您的目的效果不起作用。

---

這是一個附加的問題： 名爲類如何動畫和。 fadeInRight影響animation.css中的頁面流？ 希望有人能幫助。