Html 卷轴上的颜色变化

需要帮助在网站上复制功能（）。想复制的背景和字体颜色的变化，特别是进一步从黑色到白色

非常感谢您的帮助

这是我到目前为止试过的。。。它没有那么光滑

也很像主文本揭示的“一个领先的机械”，如果有人能帮助重新创造这个请将不胜感激

$（函数（）{
$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>150）{
$（'section'）.removeClass（'bg-black'，500）
//$（'section h1'）.removeClass（'text-white'））
$（'section'）.addClass（'bg-white'，1000）
}
if（$（this）.scrollTop（）<150）{
$（'section'）.removeClass（'bg-white'，500）
$（'section'）.addClass（'bg-black'，500）
}
});
});
.bg黑色{
背景色：#000；
颜色：#fff；
}
.bg白色{
背景色：#fff；
颜色：#000；
}
部分{
高度：80vh；
}

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它有
不仅存活了五个世纪，而且飞跃到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着桌面出版而流行
Aldus PageMaker等软件，包括Lorem Ipsum版本。
标题
说明：当
cur
的值介于125和177之间（不包括）时，
颜色和
背景将发生变化。现在，我将颜色分为51种色调（即与176和125的差异相同）。对于125和127之间的每一个单位（再次排除），根据
cur
的值，
col
的值增加/减少5

你可能会问，这是51种色调的结果，inc/dec是5种。那么原因是因为（5*51）=255，即
rgb（）
的最大可能col值

注意：在尝试代码片段时，将其扩展到全屏


var col=0；
$（窗口）。滚动（函数（）{
var cur=$（this.scrollTop（）；
如果（cur 125&&cur谢谢。仍然没有其他网站那么流畅…如果你慢慢滚动，你会看到我的意思…@devofash抱歉，我之前没有正确解释问题。我已经更新了代码。请尝试并让我知道：）不用担心，当然是好的老埃尔塞夫。你能解释一下“col=（cur-125）*5”是什么吗是吗？x5只是一个随机数吗？@devofash那些不是随机数。你必须先计算才能改变它们。我已经添加了解释。看一看。