javascript - 根据页面位置更改文本颜色

Question

在我的网站上，我有一个始终位于网站顶部的粘性导航栏，因此即使您向下滚动，它仍然可见。

它也是透明的，只包含一些黑色文本。

问题是在我的页面上，有几个背景颜色不同的 div。因此，当我向下滚动页面时，导航中的文本看起来很好，因为我用较浅的背景覆盖了 div，但在较暗的背景上真的很难阅读。

我想我有两个选择:

1. 根据我是否覆盖类为“dark”的 div 更改导航文本颜色
2. 根据其下方 div 的背景颜色更改导航文本颜色。

这些都可能吗？还是有其他我不知道的选择？

Answer 1

我刚刚读到 Midnight.js ，一个 jQuery 插件，允许您在滚动的元素上使用数据属性来定义导航的外观。可能值得一看。