滚动时如何跟踪div号？

Question

假设我有不同大小的股利：

<div class="mydiv" style="height:500px;">
</div>
<div class="mydiv" style="height:212px;">
</div>
<div class="mydiv" style="height:58px;>
</div>

我如何才能做到，当我向下滚动时，知道当前显示在哪个＃div或上方？ 假设一次只能有1个活动div（最高div）。 最好使用JQuery。

Answer 1

我想您可能正在寻找这样的东西

http://foundation.zurb.com/docs/components/magellan.html

还有很多相似且容易获得的东西。

Answer 2

或者，如果您不希望来自第三方库的任何其他依赖项，则可以订阅$('#container').scroll(eventHandler)事件，并遍历e.target的子项以找到位于其上的子项。容器的顶部。

$(".container").scroll(function (e) {
    var elementOnTheTop;
    $(e.target).children().each(function (index, element) {
        var $element = $(element);
        if ($element.position().top <= 0 && $element.height() > 0) {
            elementOnTheTop = $element;
        }
    });

    //elementOnTheTop is what you are looking for
});

演示 ： JSFiddle