根据下面的div颜色更改粘性导航颜色

基本上在我的网站上我有一个透明背景的粘性导航。 下面我有浅色或深色内容div。

我想要实现的是当您滚动时，javascript函数正在根据该div的类名（或数据属性，无论哪个）主动确定粘性导航是否位于浅色或深色内容div之上，并更改粘性导航中文本的颜色，因此它在内容div上可见。

小提琴

目前我没有启动任何javascript，因为我不知道如何检测一个div是否超过另一个。 但正如你所看到的，一旦粘性导航在一个黑暗的内容div上，我需要将字体颜色更改为较浅的颜色，一旦它返回到轻量级div，我需要将颜色更改为更暗的颜色。

示例HTML：

Menu
 
 
 
 
 
 

提前致谢！

Answer 1

小提琴工作：

http://jsfiddle.net/bbazcyc8/1/

 var stickyOffset = $("#sticky").offset(); var $contentDivs = $(".content"); $(document).scroll(function() { $contentDivs.each(function(k) { var _thisOffset = $(this).offset(); var _actPosition = _thisOffset.top - $(window).scrollTop(); if (_actPosition < stickyOffset.top && _actPosition + $(this).height() > 0) { $("#current").html("Current div under sticky is: " + $(this).attr("class")); $("#sticky").removeClass("light dark").addClass($(this).hasClass("light") ? "light" : "dark"); return false; } }); }); 
 
Menu