我尝试制作一个在滚动页面时变得粘稠的标题。标题同时具有height
和line-height
动画效果,可以正常使用Google Chrome,但不能使用Firefox 29.
问题是行高转换+ position:fixed;
。我在滚动时向标题添加.sticky
类,其中包含CSS position: fixed;
案例1 http://jsfiddle.net/69uEx/3/(这在chrome中工作正常。如果你在firefox中打开它并使用firebug手动更改H1标签的line-height属性,你会看到转换工作)。
案例2
http://jsfiddle.net/4S6Kv/1/(在这个小提琴中,我将.sticky
元素的位置更改为position:static;
,现在转换在firefox中有效。)
似乎主要罪魁祸首是position:fixed;
知道怎么解决吗?行高转换现在在FF中工作。
由于