各位开发者您好！
我对网络进行了一次大扫描，包括 StackOverflow，但似乎找不到任何记录我想要的东西，也找不到任何与我想要的东西相近的东西。
我正在构建一个带有固定导航栏的网站，但是导航栏实际上并没有背景颜色（透明）。在导航栏中，有两个可见的元素；
客户的标志；我使用自定义字体创建了它，因此我实际上能够使用 css 和通过 JS 应用的类来控制所有格式。
菜单切换按钮；这也是基于元素的，我可以完全控制通过 JS 应用的 css 和类。
页面结构是<section>基础的，每个部分要么是“灰白色”，要么是“黑色”。
例如<section class="dark">...</section>将有黑色背景（dur）。
问题
菜单按钮和客户端徽标也是黑色的，所以我需要一种方法来跟踪当前可见/滚动部分的类是什么（“暗”或“亮”），然后通过 JS 将一个类应用于导航。
因此，如果当前部分具有“light”类，则菜单按钮和徽标为黑色，如果当前部分具有“dark”类，则菜单按钮和徽标变为白色。
我完全了解可用的插件，例如具有部分间谍功能的“scrollorama”，但我真的只需要利用一小部分功能，因此编写自定义函数会更有效率。也欢迎提出建议。