怎么判断子元素距离父元素顶部位置_jQuery获取div距离窗口顶部或者父元素顶部的距离...

[HTML] 纯文本查看 复制代码运行代码

蚂蚁部落

*{

margin:0px;

padding:0px;

}

#box{

width:200px;

height:200px;

background-color:blue;

top:100px;

left:100px;

padding:50px;

position:absolute;

}

#inner{

width:100px;

height:100px;

background-color:red;

}

span{color:red;}

$(document).ready(function(){

$("#bt").click(function(){

$("#first").text($("#inner").offset().top);

$("#second").text($("#inner").position().top);

$("#third").text($("#inner").offset().top-$("body").scrollTop());

})

})

距离文档顶部距离:

距离父元素顶部的距离:

距离窗口顶部的距离: