javascript - 如何使用jQuery找到离当前位置最近的元素

Question

我有一个包含如下几个部分的文档：

<div class='section' id='sec1'>
    lalala
    lalala
    lalala
</div>

<div class='section' id='sec2'>
    lalala
    lalala
    lalala
</div>

<div class='section' id='sec3'>
    lalala
    lalala
    lalala
</div>

<div class='section' id='sec4'>
    lalala
    lalala
    lalala
</div>

我如何抓取最接近<div.section>当前滚动位置的位置（大概，这将等同于读者当前正在查看的部分）？

Answer 1

您可以使用$(window).scrollTop()and$(el).postion().top来计算滚动后元素与屏幕顶部的距离。

然后，您可以根据需要使用此信息来操作元素。

这是一个有效的 jsfiddle 示例：http: //jsfiddle.net/gizmovation/x8FDU/

Answer 2

每当您悬停一个元素时，该mousemove事件都会告诉您悬停在哪个元素上。

$(document).bind('mousemove', function(e) {
    e.target
    /*
        the target in click/hover events
        is the element that the event was
        triggered on.
    */
});

一个缺点可能是事实e.target会给你最高的元素z-index- 最顶层中的那个 - 所以如果你在你的文本上方有一个覆盖，它会给你覆盖而不是文本div。