jquery - 如果元素位于另一个具有特定类的元素之上

Question

我的问题比我在此处发布的问题更复杂 If element is over another element?我有固定位置DIV和很多全角<section>具有 .white 和 .yellow 类的元素(每秒)。我需要检测向下滚动时 DIV 元素是否超过 .white 或 .yellow 部分。

<div style="position: fixed"> ... </div>

<section class="white"> ... </section>
<section class="yellow"> ... </section>
<section class="white"> ... </section>
<section class="yellow"> ... </section>

我想在该 DIV 结束时添加一个 .whiteDIV 类 <section class="white">结束时还有一个 .yellowDIV 类 <section class="yellow">在不同的背景下有不同的风格。

可以在这里找到现场演示:http://digitalmotion.lt/easymoney/ 。当导航位于不同背景时，我需要更改导航颜色。

如何检测 DIV 何时超过 .white 或 .yellow 部分？我是否需要使用 .offset() 函数来获取数组中的所有部分坐标，还是有其他方法可以做到这一点？

Answer 1

设置一个偏移数组一次似乎比在滚动事件期间获取它们更有意义并且更有效。如果是用于弹跳菜单，则页面排序中的垂直背景不会有太多变化