首頁  >  文章  >  web前端  >  jquery取得html元素的絕對位置與相對位置的方法_jquery

jquery取得html元素的絕對位置與相對位置的方法_jquery

WBOY
WBOY原創
2016-05-16 16:43:501450瀏覽

絕對位置座標:

複製程式碼 程式碼如下:

$("#elem").offset().top
$("#elem").offset().left

相對父元素的位置座標:

複製程式碼 程式碼如下:

$("#elem").position().top
$("#elem").position().left

另:
static(預設):預設定位方式。
relative(相對定位):在static的基礎上,相對元素本來的位置變化,透過設定top,bottom,left,right實現。
absolute(絕對定位):是相對父元素來說的,如果父元素中有relative,那麼該元素的位置是經過計算後的結果。即absolute定位的參考物是「上一個定位過的父元素(static不算)」。絕對定位會使元素從文件流中被刪除。
fixed(固定定位):fixed定位的參照物總是目前的文檔。利用fixed定位,很容易讓一個div定位在瀏覽器文件的左上,右上等方位。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn