Firefox CSS转换为body overflow:hidden

时间:2014-10-07 22:42:43

标签: javascript html css3 firefox transitions

通过JavaScript将overflow: hidden添加到<body>标记时,CSS转换在FireFox中停止工作。 (至少在OSX10.9.5上运行的FF32.0.3上)

通过JavaScript添加溢出时,CSS转换不会触发:

http://jsfiddle.net/8rc7kk28/2/

在不添加溢出的情况下,CSS转换工作正常:

http://jsfiddle.net/8rc7kk28/3/

如何让第一个例子起作用?我需要在overflow: hidden标记上保留<body>

1 个答案:

答案 0 :(得分:0)

找到了解决方法:

http://jsfiddle.net/8rc7kk28/4/

  • 立即应用overflow: hidden规则。
  • 通过setTimeout
  • 引入一小段延迟
  • 延迟后添加触发CSS转换的类。