滚动经过特定div后更改颜色

Question

我正在尝试在滚动浏览另一个div时在我的一个div中实现某个更改。为了解释，我希望在滚动浏览标题图像时将汉堡菜单的颜色从白色更改为黑色。我试图通过在X像素数量之后更改CSS来实现这一点，但是这种方法会根据视口大小产生不同的结果。由于我的目标是在多个设备上保持相同的效果，即保持响应能力，因此这不是一种选择。

我想要完成的一个例子可以在这里找到：

http://altcph.dk/

关于这个例子的一个特别有趣的部分是当你将菜单图标放在标题和下面div之间的确切分界线上时，上半部分保持白色，而下半部分已经改变了颜色。我对实现这一目标特别感兴趣，但我在实现这一效果方面绝对不知所措。

Answer 1

您分享的网站实际上使用了多个菜单。菜单绝对定位，一次在标题中（白色），再次在标题之外（蓝色）。标题堆叠在页面中其余元素的上方（z-index：3），因此它覆盖了蓝色菜单。当标题向上滚动时，会出现下面的白色菜单。