我的页眉上有一个元素充当 border-bottom。当用户向下滚动时，此边框应达到 100% 宽度。
我设置了一个 working fiddle有这种行为。
现在，我还需要在用户向下滚动时将标题固定在顶部。所以我添加了一个 position: fixed 属性。
但是that breaks my transition在 firefox 33 上。它仍然适用于 Chrome。
有办法解决这个问题吗？
最佳答案
看起来这是一个 known bug in Firefox更改 position 属性时，过渡动画不正确。它似乎安排在 Fx 34。
在 example 中，从该错误中引用，请注意 header2 以 position: fixed 开始，因此其宽度按预期进行动画处理。
我认为您的选择是允许 Firefox <=33 的错误，或使用 jQuery/JavaScript 制作动画。
关于javascript - CSS - 设置固定(或绝对)位置时过渡宽度中断，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26802823/