How to get the "absolute" position of an html element

Question

I have some elements arranged through CSS as follows:

#myItem{
position: absolute;
left: 50%;
margin-left: -350px;
}

I would like to get the distance from the top and left margins of the page . How can I get this measure using javascript / jquery?

thank

Answer 1

Look at

jQuery

. position ()

and

. offset ()

EDIT: As @ Nick already mentioned, .offset () is what you want if you need a position relative to the document

$("#myItem").offset().top;

Answer 2

You can use .offset()for this:

var offset = $("#myItem").offset();
//use offset.left, offset.top

You can try it here .