如何使用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()和$(el).postion().top计算元素距离屏幕顶部的距离.

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

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