css - body 溢出时元素上的转换 :hidden in Firefox

Question

所以，这个问题的标题可能不是很清楚，但是看看这个说明问题的 fiddle :

http://jsfiddle.net/kcXmV/

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

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

Answer 1

如果你只需要 body has overflow: hidden 那么也许这对你有帮助:

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

我改变了

body.state-overlay { overflow: hidden; }

到:

body { overflow: hidden; }

我测试了一下，没问题，希望对你有帮助