js和jQuery获取距离屏幕顶部和距离屏幕左边的距离

jQuery获取距离屏幕顶部和距离屏幕左边的距离非常简单，已经提供了方法：

$("div").offset().top//是标签距离顶部高度（没有到下面的距离，比如$("div").offset().down）
$("div").offset().left//是标签距离右边高度（没有到下面的距离，比如$("div").offset().right）

此外：

$(window).height();//是窗口高度
$(document).height();//是文档高度
$(document).scrollTop();//是滚动条高度
$("div").height();//是标签高度
//获取相对(父元素)位置:
var X = $(‘#DivID’).position().top;
var Y = $(‘#DivID’).position().left;

js没有提供相关方法，但是，提供了获取元素距离定位父元素的距离，通过循环，一级一级往上，也能得到距离屏幕顶部和左边的距离

//获取容器距离屏幕左边距离
getOffsetLeft:function(obj){
    var tmp = obj.offsetLeft;
    var val = obj.offsetParent;
    while(val != null){
        tmp += val.offsetLeft;
        val = val.offsetParent;
    }
    return tmp;
},
//获取容器距离屏幕顶部距离
getOffsetTop : function(obj){
    var tmp = obj.offsetTop;
    var val = obj.offsetParent;
    while(val != null){
        tmp += val.offsetTop;
        val = val.offsetParent;
    }
    return tmp;
},

点击查看：js获取各种宽高距离