jQuery獲取某一元素位置

問題

想要獲取某一元素最右側(cè)中間位置坐標(biāo),以便根據(jù)此坐標(biāo)完成另一個(gè)樣式div展示

知識(shí)

在jQuery中有兩種方式獲取某一元素位置坐標(biāo):

  1. offset()
  2. position()
offset()

用來獲取某一元素絕對(duì)位置

var itemTop = $('#itemID').offset().top; //獲取的是#itemID元素最底下Y軸坐標(biāo)
var itemLeft = $('#itemID').offset().left; //獲取的是#itemID元素最左側(cè)X軸坐標(biāo)

沒有.bottom .right方法,但如果使用不會(huì)報(bào)錯(cuò),會(huì)直接返回一個(gè)undefined

position()

用來獲取某一元素相對(duì)于父元素的位置,本次未使用,具體講解可見參考文章:jquery獲取html元素的絕對(duì)位置和相對(duì)位置的方法

另外,在解決該問題時(shí),如果只確定絕對(duì)位置,仍未解決,如果要得到該元素最右側(cè)中間位置坐標(biāo),需要確定該元素width height,在jQuery中為:

var itemWidth = $('#itemID').width(); 
var itemHeight = $('#itemID').height();

最終用來確定的坐標(biāo)位置為:

(itemLeft+itemWidth, itemTop-(itemHeight/2))

參考文章

jquery獲取html元素的絕對(duì)位置和相對(duì)位置的方法

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容