jquery gets the absolute and relative position of page elements

This article illustrates how jquery obtains the absolute and relative position of page elements. Share to everyone for your reference. Specifically as follows:

Gets the absolute x,y coordinate of an element of a page, and you can use the offset () method:

1 2	var X = $ (' #DivID '). Offset (). Top; var Y = $ (' #DivID '). Offset (). Left;

Get relative (parent element) Location:

1 2 3 4

var X = $ (' #DivID '). Position (). Top; var Y = $ (' #DivID '). Position (). Left; var pleft = $ ("selector"). ScrollLeft ()//element offset to the left of the scroll bar var ptop = $ ("selector"). scrolltop ();/The offset of the element relative to the top of the scroll bar