jQuery如何獲取元素到頂部距離

發(fā)布時間：2020-12-09 11:32:52 來源：億速云閱讀：1952 作者：小新欄目：web開發(fā)

小編給大家分享一下jQuery如何獲取元素到頂部距離，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

在jQuery中可以通過offset方法獲取元素到頂部距離，其語法如“$( "元素選擇器" ).offset().top;”，該方法會返回第一個匹配元素的偏移坐標(biāo)。

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

超簡單的方法：

$( "元素選擇器" ).offset().top;

說明：

offset() 方法返回被選元素相對于文檔的偏移坐標(biāo)。

該方法會返回第一個匹配元素的偏移坐標(biāo)。它返回一個帶有兩個屬性（以像素為單位的 top 和 left 位置）的對象。

offset().top

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

圖1：document高度超過window，瀏覽器出現(xiàn)滾動條，滾動滾動條，提交按鈕的offset不變。

jQuery如何獲取元素到頂部距離

圖2：document中的div有滾動條，提交按鈕的offset隨div的滾動變化而變化，與document無關(guān)

jQuery如何獲取元素到頂部距離

看完了這篇文章，相信你對jQuery如何獲取元素到頂部距離有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

猜你喜歡