某一元素到页面顶部的绝对距离

function getPos(obj) {
    var pos = {left:0, top:0};     //设置到页面左边的距离left，到顶部的距离top
    while (obj) {
        pos.left += obj.offsetLeft;   //距离等于当前到父元素offsetParent的距离
        pos.top += obj.offsetTop;
        obj = obj.offsetParent;  //元素变为当前元素的父元素
    }
    return pos;   //返回pos变量
}   

调用方法：var p = getPos(元素);

得到的变量p即为变量pos的json数据，可通过p.top和p.left获得

var oDiv3 = document.getElementById('div3');
var p = getPos( oDiv3 );
p.top  //到页面顶部的距离
p.left  //到页面左边的距离