jQuery：平滑动画字体大小更改滚动

Question

我有一个jQuery动画函数设置，当文档滚动超过50px时，更改.header-wrap文本的字体大小。这很有效，但我并不十分热衷于解决方案，但它并不是非常流畅，理想情况下，我希望字体大小在您向下滚动页面时顺利进行，而不必停止滚动页面 - 启动动画等。它只是有点锯齿状。
的jsfiddle演示：http://jsfiddle.net/cXxDW/
HTML：

<div class="content-wrap"></div> 
<div class="header-wrap">hello 
    <br/>hello 
    <br/>hello 
    <br/> 
</div> 

的jQuery：

$(document).scroll(function() { 
    if (window.scrollY > 50) { 
     $(".header-wrap").stop().animate({ 
      fontSize: '17px' 
     }); 
    } else { 
     $(".header-wrap").stop().animate({ 
      fontSize: '25px' 
     }); 
    } 
}); 

任何建议/更好，更顺畅的解决方案，以一个我已经有了非常欢迎和感激！

Answer 1

你不会得到一个非常流畅的动画fontSize。但是，如果您只需要与现代浏览器兼容，则可以改为制作zoom的动画。

您将不得不修复您的利润率和定位，因为这些也将动画。

这是proof-of-concept fiddle。