【问题标题】:Firefox CSS transitions with body overflow:hidden带有正文溢出的 Firefox CSS 过渡:隐藏
【发布时间】:2014-12-02 11:58:47
【问题描述】:

当通过 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/

如何让第一个示例工作?我需要维护<body> 标签上的overflow: hidden

【问题讨论】:

    标签: javascript html css firefox transitions


    【解决方案1】:

    找到解决方法:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-04-03
      • 1970-01-01
      • 2015-05-23
      • 1970-01-01
      • 2017-07-06
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多