CSS - 设置固定(或绝对)位置时断开的过渡宽度

时间:2014-11-07 13:52:52

标签: javascript jquery css

我的标题中有一个border-bottom元素。当用户向下滚动时,此边框应达到100%宽度。

我已经设置了working fiddle这种行为。

现在,当用户向下滚动时,我还需要将标题固定在顶部。所以我添加了position: fixed属性。

但在Firefox第3版上that breaks my transition。它仍适用于Chrome。

有没有办法解决这个问题?

1 个答案:

答案 0 :(得分:1)

看起来这是known bug in Firefox,其中转换在更改position属性时无法正常生成动画。它似乎是为Fx 34安排的。

example中,从该错误中引用,请注意header2position: fixed开头,因此其宽度按预期动画。

我认为您的选择是允许Firefox< = 33的错误,或使用jQuery / JavaScript动画。