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

我有一个包含以下部分的文档:

<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>(大概等于读者当前正在查看的部分)？

最佳答案

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

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

这是一个工作的jsfiddle示例:
http://jsfiddle.net/gizmovation/x8FDU/