問題
想要獲取某一元素最右側(cè)中間位置坐標(biāo),以便根據(jù)此坐標(biāo)完成另一個(gè)樣式div展示
知識(shí)
在jQuery中有兩種方式獲取某一元素位置坐標(biāo):
- offset()
- 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))