我的标题中有一个border-bottom
元素。当用户向下滚动时,此边框应达到100%宽度。
我已经设置了working fiddle这种行为。
现在,当用户向下滚动时,我还需要将标题固定在顶部。所以我添加了position: fixed
属性。
但在Firefox第3版上that breaks my transition。它仍适用于Chrome。
有没有办法解决这个问题?
答案 0 :(得分:1)
看起来这是known bug in Firefox,其中转换在更改position
属性时无法正常生成动画。它似乎是为Fx 34安排的。
在example中,从该错误中引用,请注意header2
以position: fixed
开头,因此其宽度按预期动画。
我认为您的选择是允许Firefox< = 33的错误,或使用jQuery / JavaScript动画。