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/