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

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

lalala lalala lalala
lalala lalala lalala
lalala lalala lalala
lalala lalala lalala

如何将最近的

抓取到当前滚动位置(可能这相当于读者当前正在查看的部分)?

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

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

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

无论何时hover元素, mousemove事件都会告诉您hover在哪个元素上。

 $(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