Javascript 如何在滚动时更改字体大小

我正在搜索一种在用户滚动时更改字体大小的方法。我想将其与滚动位置同步，以便在用户向下滚动时字体大小随动画而减小，在用户向上滚动时字体大小随动画而增大

---

有人知道如何使用Javascript实现这一点吗？

这可以通过jQuery库实现，它内置了

.scroll（）

和

.css（）

元素

但是，您需要查看如何使用这些元素，并至少尝试实现此代码

---

在您尝试后，仍然无法掌握它，请带上完整的html、css和jS返回，然后您可能有资格获得帮助。

您可以使用jQuery中的

鼠标滚轮

事件像:

jsfiddle

$（文档）.ready（函数（）{
$（'.content wrap'）.bind（'mousewheel'，函数（e）{
var current=parseInt（$（this.css（'font-size'））；
如果（例如原始事件车轮增量/120>0）{
$（'.content wrap'）.css（“字体大小”，（当前+1）+“px”）；
}
否则{
$（'.content wrap'）.css（“字体大小”，（当前-1）+“px”）；
}
});
});
.content wrap{
排名：0；
左：0；
位置：绝对位置；
宽度：100%；
身高：100%；
}

你好，世界

你好，世界

你好，世界

你好，世界
$（document）.scroll（function（）{$（“font”）.css（“size”，size”）；}）；感谢大家的帮助，特别是@aa shakil。我找到了解决方案：'jQuery（document）.scroll（function（）{var scroll=jQuery（window）.scrollTop（）；var scroll2=100-（scroll/2）；if（scroll2>=50）{jQuery（.naslovna”）.css({'font size'：scroll2+'px'}）；}}}}；“对不起，这是我第一次发布这个问题，在花了一整天的时间思考如何做之后，我撰写了这个低质量的问题。我理解你的回答。这是我现在拥有的代码：
code
jQuery（文档）。scroll（函数（）{var scroll=jQuery（窗口）.scrollTop（）；jQuery（“.naslovna”）.css（{'font size'：scroll+'px'}）；}）；
code
我现在必须考虑如何从原始大小开始减小。