Javascript 将导航栏文本从白色更改为黑色，就像一个装满水的杯子

更新：我只是想感谢Ricky为我找到了术语“剪辑”，以及这篇标题模糊的文章“CSS在滚动/剪切文本上改变颜色-溢出z索引”，这可能解释了为什么我在搜索术语中找不到它

这是一种先进的技术，可以修改滚动位置上的基本颜色变化

我找不到我第一次看到这种效果的示例网站，它让我很痛苦。我已经看了好几个小时的历史了

所以诀窍是这样的：我有一个网站有几个区块，其中一个区块的背景主要是白色的，所以白色的粘性导航栏徽标和文本不能正确显示。我想做的是，当这个白色部分通过导航栏时，它会从下到上慢慢地用黑色填充白色文本

---

我不需要你为我编写代码，有人能告诉我他们是否看到过这样做的网站，这样我就可以参考它吗？

好的，伙计，这个术语叫做剪辑，它的作用是在滚动时改变字体颜色，如果你有一个可滚动的页面，有各种颜色的全宽div，使用“剪裁”技术，您可以根据背景色更改字体的颜色，以便最终用户更容易阅读。我已经在上面的评论中添加了一个链接，可以为您深入了解这一点，顺便说一句，这是一个快速的谷歌搜索发现的：）

研究一下动画，尝试编码，如果您遇到问题，请返回。这不是一个“为我编写代码”的服务，你发布一些代码，我们会提供帮助。我只需要一个这样做的网站的例子，我可以找到它。。。但是我不擅长语言，我似乎找不到类似的东西。试试这个@ChrisHiggins好吧，这是一个好的开始，谢谢你，斯密特。我不需要它看起来像真正的水，那只是我说话不好。不过，这些示例似乎都与滚动位置不匹配。所以基本上如果我向上滚动，文本就会填满，但是如果我决定向下滚动，那么它就会取消填充。但是我需要填充物来匹配白色方块的顶部，这让事情变得非常困难。对你来说。我找了几个小时，因为我不知道该怎么称呼它就像我说的，我是一个数字极客，对文字的理解很差。没关系，这毕竟是一个寻求帮助的网站，这就是我们在这里的目的