up
down
Close
架站盒子
Web Development Box
 

.offset().top 的用法與意思

│ 1889 Views │ jQuery

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(主控台)檢查結果,需捲動頁面。

說明

  1. offset:元素在當前視窗的相對偏移。
  2. 需要加上 top 或 left 才能回傳相對的結果。
  3. 只對可見元素有效。

延伸閱讀

本文是否對您有幫助?