在主体有溢出时转换元素：隐藏在Firefox中

Question

所以，这个问题的标题可能不是很清楚，但看看这个小提琴说明问题：

http://jsfiddle.net/kcXmV/

当您在webkit浏览器中运行脚本时，您将看到.overlay div向上动画。但是，目前这不适用于Firefox。当我删除state-overlay类中的overflow:hidden时，它在Firefox中有效。但是，由于示例中未显示的其他原因，这是必要的。

有谁知道为什么会这样，有没有办法解决这个问题？

Answer 1

如果你只是需要身体溢出：隐藏，那么这可能会帮助你：

body { overflow:hidden; } 
body.state-overlay .overlay { 
  transform: none; 
}

我改变了

body.state-overlay { overflow: hidden; }

为：

body { overflow: hidden; }

我测试了它并且工作正常，希望它可以帮助你

Answer 2

我将body.state-overlay更改为body .state-overlay

现在它正在使用chrome和firefox

Demo