Question

I have some divs with unique IDs in different places in my webpage. I want to find the exact height of the space above the div (till its find the starting position of the screen) as mentioned in the image below,

Is there are anyways to do this in jQuery? please help me do this,

Regards,

Answer 1

You can use .offset().top or .position().top:

console.log($('div[id]').offset().top); // it give you offset top of the document

console.log($('div[id]').position().top); // gives you the containers position 
                                          // from the top if container is 
                                          // relative positoned.

find in the fiddle: http://jsfiddle.net/zVzBQ/

 $('div[id]').each(function () {
    console.log($(this).offset().top);
 });