offset()
offset()是指該元素在當前視窗的「相對偏移」，只有單獨這個字沒有辦法產生作用，需要給它「相對」的位置，例如「offset().top」或「offset().left」，這樣就表示「相對頂部」或「相對左側」的偏移位置。
此用法常用於希望使用者將卷軸下拉至某位置時才觸發事件，使用時須注意該元素是可以見的，如果設置display:none;等把元素隱藏了起來則無法起到作用。
語法
<div id="box"></div>
<script>
$(window).scroll(function(){
var e = $("#box").offset().top; // 元素距離頂部的高度
console.log('元素距離頂部的高度:'+e); // 確認結果
})
</script>
結果
本頁已設置此語法，請按 F12 > Console（主控台）檢查結果，需捲動頁面。
說明
- offset：元素在當前視窗的相對偏移。
- 需要加上 top 或 left 才能回傳相對的結果。
- 只對可見元素有效。
本文是否對您有幫助？