Position of a div relative to the window?

问题

Trying to find the position of a div, relative to the window. I've got a horizontal div and I want to get the left value relative to the window. So If I scroll the second div to the left of the window, it will read "0".

Not sure if this is possible without a parent div. Here is my fiddle: http://jsfiddle.net/FSrye/

edit: it should function like this without a parent div.

http://jsfiddle.net/FSrye/1/

回答1:

Try calculating it as a function of the position of the element relative to the scroll position of the window: http://jsfiddle.net/va836/

 var position = $('selector').position().left - $(window).scrollLeft();

You might also have to factor in the position relative to other elements if it's not a top level element.

Actually, it's even easier -- just use offset() and omit the calculation of the parents.

var position = $('selector').offset().left - $(window).scrollLeft();

回答2:

I think you can use scrollLeft() on the window to get the horizontal scroll amount.

来源：https://stackoverflow.com/questions/5943796/position-of-a-div-relative-to-the-window