Javascript jQuery：在滚动上平滑设置字体大小更改的动画

我有一个jQuery动画功能设置，可以在文档滚动超过50px时更改

.header wrap

文本的字体大小。这是可行的，但我对我得到的解决方案不太感兴趣，它不是很平滑，理想情况下，我希望在向下滚动页面时字体大小能够平滑地改变，而不是停止滚动，重新启动动画等。它只是有点参差不齐
JSFIDLE演示：
HTML:

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

---

对于我得到的任何建议/更好、更流畅的解决方案，我们都非常欢迎，并非常感谢

您将无法获得非常平滑的

fontSize

动画。但是如果你只需要与现代浏览器兼容，你可以用动画来代替

zoom

你必须固定你的边距和位置，因为它们也会被设置动画

---

这里是一个。

为建议干杯关闭，但不完全正确，仍然不会在滚动上显示动画，仅在停止滚动时显示动画

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