jQuery获得页面元素的绝对/相对位置

获取页面某一元素的绝对X,Y坐标，可以用offset()方法：

var X = $('#DivID').offset().top;

var Y = $('#DivID').offset().left;

 

获取相对(父元素)位置:

var X = $('#DivID').position().top;

var Y = $('#DivID').position().left;

 

让Div随滚动条移动：

<div id="oLayer" style="position: absolute; left: 0; top:80px; z-index: 2; background: a9c9ef; margin-left:6px;
            width: 140px; height: 70px">

</div>

jquery代码：

       $(window).scroll(function() {
                                            var init_pos = $('#oLayer').offset().top;
                                            $('#oLayer').css("top", $(window).scrollTop()+80)
                                        });

转自：http://blog.csdn.net/a497785609/article/details/5799087

/*------------------------------------------------------------------------*/

获取页面某一元素的绝对X,Y坐标，可以用offset()方法：
var top = $('#ID').offset().top;
var left = $('#ID').offset().left;
获取相对(父元素)位置:
var top = $('#ID').position().top;
var left = $('#ID').position().left;

position()方法相对父元素是指拥有position为relative或absolute属性的父元素

转载于:https://www.cnblogs.com/shinehouse/articles/4002168.html