根据当前可见的页面部分更改固定元素的类（jQuery）

Question

你好开发人员了！

我对网络进行了大量扫描，包括StackOverflow，似乎无法找到记录我想要的东西，也没有任何与我想要的东西相似的东西。

我正在使用固定的导航栏构建网站，但导航栏实际上并没有背景颜色（透明）。在导航栏中有两个可见的元素;

• 客户的徽标;我使用自定义字体创建了这个，所以我实际上可以通过JS应用css和类来控制所有格式。

• 菜单切换按钮;这也是所有基于元素的，我可以完全控制通过JS应用的CSS和类。

页面结构基于<section>，每个部分都是“灰白色”或“黑色”。

例如<section class="dark">...</section>将具有黑色背景（dur）。

---

问题

菜单按钮和客户端徽标也是黑色的，所以我需要一种方法来跟踪当前可见/滚动部分的类（“暗”或“亮”），然后通过JS将类应用于导航。 / p>

因此，如果当前部分的类别为“light”，则菜单按钮和徽标为黑色，如果当前部分的类别为“dark”，则菜单按钮和徽标将变为白色。

---

我完全了解可用的插件，例如“scrollorama”，它具有部分间谍功能，但我真的只需要利用一小部分功能，因此编写自定义功能会更高效。也欢迎提出建议。

Answer 1

我和你一样，我找到了这个：

slideshow with changing font color on each slide + callback font to set color on scroll

希望它可以给你一些提示！