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屬性的父元素

轉自：http://www.webzhishi.com/jquery_position/