How to find the closest element to the current position with jQuery

Question

I have a document with several sections like this:

    lalala
    lalala
    lalala




        
                      

              相关标签:
       
      

Answer 1

You can use $(window).scrollTop() and $(el).postion().top to figure out how far the element is from the top of the screen after scrolling.

You can then use this information to manipulate the element as desired.

Here is a working jsfiddle example: http://jsfiddle.net/gizmovation/x8FDU/

Answer 2

Whenever you hover an element the mousemove event tells you which element you're hovering over.

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

One drawback may be the fact e.target will give you the element with the highest z-index -- the one in the top-most layer -- so if you have an overlay above your text it will give you the overlay not the text div.