jquery操作元素的位置

2021-08-21 21:30:10 字數 1915 閱讀 7904

獲取頁面某一元素的絕對x,y座標,可以用offset():

var x = $(『#divid』).offset().top;

var y = $(『#divid』).offset().left;

獲取相對(父元素)位置:

var x = $(『#divid』).position().top;

var y = $(『#divid』).position().left;

通過getboundingclientrect方法獲取物件位置,包含: left , top , right , bottom 4個引數值。

.offset()

在匹配的元素中,獲取第乙個元素的當前座標,或設定每乙個元素的座標,座標相對於文件。

.offset() 這個不接受任何引數。

var offset = p.offset(); //獲取到這個元素的位置

p.html( "left: " + offset.left + ", top: " + offset.top ); offset.left 元素距左面的距離, .offset.top 元素距上面的距離

如果元素設定的是visibility:hidden; 可以獲取到座標,

如果元素設定的是 display:none; 位置值是 undefined;

.offset(coordinates)

coordinates 乙個包含top 和 left 屬性的物件,用整數指明元素的新頂部和左邊座標。

.offset(function(index,coords))

返回用於設定座標的函式。

$("p:last").offset(); 設定最後乙個p元素的位置。

.offsetparent();

取得離指定元素最近的含有定位資訊的元素, css position 屬性是 relative absolute, 或fixed。

.offsetparent() 這個元素不接受任何引數。

$('li.item-a').offsetparent().css('background-color', 'red');

.position()

獲取到匹配元素中第乙個元素的當前座標

.position() 這個方法不接受任何引數.position() 可以獲取得元素相對于父元素的偏移位置。包含 top 和 left 注,不支援獲取隱藏元素的便宜的座標

var position = p.position();

$("p:last").text( "left: " + position.left + ", top: " + position.top );

.scrollleft()

獲取匹配的元素集合中第乙個元素的當前水平滾動條的位置或設定每個匹配元素的水平滾動條的的距離。

.scrollleft() 這個方法不接受任何引數。

$("p:last").text( "scrollleft:" + p.scrollleft() ); 獲取p 元素的 橫向滾動條距離。

.scrollleft(value)

設定每乙個匹配元素的水平滾動條的距離。

$("div.demo").scrollleft(300);

.scrolltop()

獲取匹配的元素集合中第乙個元素的當前垂直滾動條的位置或設定每個匹配元素的垂直滾動條的距離。

.scrolltop() 這個方法不接受任何引數。

$("p:last").text( "scrolltop:" + p.scrolltop() ); 獲取p 元素的垂直滾動條距離。

.scrollleft(value)

設定每乙個匹配元素的垂直滾動條的距離。

$("div.demo").scrollleft(300);

jquery操作元素的位置

offset 在匹配的元素中,獲取第乙個元素的當前座標,或設定每乙個元素的座標,座標相對於文件。offset 這個不接受任何引數。var offset p.offset 獲取到這個元素的位置 p.html left offset.left top offset.top offset.left 元素距...

jquery操作元素的位置

offset 在匹配的元素中,獲取第乙個元素的當前座標,或設定每乙個元素的座標,座標相對於文件。offset 這個不接受任何引數。var offset p.offset 獲取到這個元素的位置 p.html left offset.left top offset.top offset.left 元素距...

JQuery 元素位置

含義 相當於js中的 obj height 不包括內邊界 padding 外邊界 marging 邊框 border 的大小.obj css height 和 obj height 之間的區別是後者返回乙個沒有單位的數值 obj innerheight 包括內邊界 padding 但不包括邊框 bo...