jquery中jquery.offset().top / left用于獲取div距離窗口的距離，jquery.position().top / left 用于獲取距離父級div的距離（必須是絕對定位的div）。
（1）先介紹jquery.offset().top / left
css：
復制代碼 代碼如下:
*{ margin: 0px; padding: 0px; }
div{ margin: 0px auto; }
.a{ width: 960px; height: 200px; }
.parentBox{ padding: 30px; margin-top: 40px; width: 960px; height: 300px; }
.innerBox{ padding: 20px; margin-top: 10px; width: 400px; height: 100px; }
復制代碼 代碼如下:
<body>
<div> a<div>
<div>
<div>innerBox</div>
</div>
</body>
復制代碼 代碼如下:
$(function(){
var_offsetTop = $(".innerBox").offset().top; //280px
})
復制代碼 代碼如下:
*{ margin: 0px; padding: 0px; }
div{ margin: 0px auto; }
.a{ width: 960px; height: 200px; }
.parentBox{ padding: 30px; margin-top: 40px; width: 960px; height: 300px; position: relative; }
.innerBox{ padding: 20px; margin-top: 10px; width: 400px; height: 100px; position: absolute; }
復制代碼 代碼如下:
<body>
<div> a<div>
<div>
<div>innerBox</div>
</div>
</body>
復制代碼 代碼如下:
$(function(){
var_offsetTop = $(".innerBox").offset().top; //280px
})
新聞熱點
疑難解答
圖片精選
