使用JavaScript更改模糊过滤器

我正在尝试更改css模糊过滤器。我可以将其更改为单个值，但我希望动态更改它，以便在向上滚动时添加更多模糊

我假设这可以通过一行代码来完成，比如

blur((height - scrollTop) / height + px);

我好像没法让它工作

尝试使用以下方法：

target.style.filter=`blur（${（高度-滚动顶部）/height}px）`；

样本：

window.onscroll=function（）{
var target=document.getElementById（“文本”）；
var height=window.innerHeight；
变量scrollTop=（window.pageYOffset！==未定义）？window.pageYOffset:（document.documentElement | | | document.body.parentNode | | document.body）.scrollTop；
//如果您想让它更快地褪色，请更改此选项
高度=高度/1；
//target.style.filter='blur（+（高度-scrollTop）/height++'px'；
target.style.filter=`blur（${（高度-滚动顶部）/height}px）`；
};
@font-face{
字体系列：Akz；
src:url（“font/AkzidenzGrotesk Regular.otf”）；
}
* {
填充：0；
保证金：0；
}
#正文{
字体系列：Akz；
字号：2em；
线高：1.3em；
高度：100vh；
过滤器：模糊（0px）；
}
.标题{
高度：100vh；
}
.页脚{
高度：100vh；
}


我需要一点钱。这是一个非常严肃的问题。最值得一提的是熟悉的经验，它是一种责任，是一种哲学，是一种自由，是一种文明，
如果你不知道自己是谁，那么你就放弃了法定人数。