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

Question

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

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

获取相对父元素位置

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

让 Div 随滚动条移动

#oLayer{
position: absolute;
left: 0;
top:80px;
z-index: 2;
background: a9c9ef;
margin-left:6px;
width: 140px;
height: 70px
}

<div id="oLayer"></div>

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