首頁 > web前端 > js教程 > jQuery取得元素到頂部距離的方法

jQuery取得元素到頂部距離的方法

藏色散人
發布: 2023-01-04 09:36:40
原創
11779 人瀏覽過

在jQuery中可以透過offset方法取得元素到頂部距離,其語法如“$( "元素選擇器" ).offset().top;”,該方法會傳回第一個符合元素的偏移座標。

jQuery取得元素到頂部距離的方法

本教學操作環境:windows7系統、jquery1.10.0版本,Dell G3電腦。

jQuery取得元素到頁面頂部的距離

超簡單的方法:

$( "元素选择器" ).offset().top;
登入後複製

說明:

offset() 方法傳回被選元素相對於文件的偏移座標。

此方法會傳回第一個符合元素的偏移座標。它傳回一個帶有兩個屬性(以像素為單位的 top 和 left 位置)的物件。

offset().top

offset()的top是指元素與document的上邊的距離,而不是瀏覽器目前窗體的上緣,如圖1。

圖1:document高度超過window,瀏覽器出現捲軸,捲動捲軸,提交按鈕的offset不變。

jQuery取得元素到頂部距離的方法

圖2:document中的div有捲軸,提交按鈕的offset隨div的滾動變化而變化,與document無關

jQuery取得元素到頂部距離的方法

推薦:《jquery影片教學》《javascript基礎教學

以上是jQuery取得元素到頂部距離的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板