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中的页面流？ 希望有人能帮助。