首頁(yè)  >  CSS  > offset([coordinates])

返回值:Objectoffset([coordinates])

jQuery offset() 方法概述

獲取匹配元素在當(dāng)前視口的相對(duì)偏移。

返回的對(duì)象包含兩個(gè)整型屬性:top 和 left,以像素計(jì)。此方法只對(duì)可見(jiàn)元素有效。

參數(shù)

coordinates{top,left}ObjectV1.4

必需。規(guī)定以像素計(jì)的 top 和 left 坐標(biāo)。

可能的值:

  • 值對(duì),比如 {top:100,left:0}
  • 帶有 top 和 left 屬性的對(duì)象

function(index,coords)functionV1.4

規(guī)定返回被選元素新偏移坐標(biāo)的函數(shù)。

  • index - 可選。接受選擇器的 index 位置
  • oldvalue - 可選。接受選擇器的當(dāng)前坐標(biāo)

示例

無(wú)參數(shù)描述:

獲取第二段的偏移

HTML 代碼:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代碼:
var p = $("p:last");
var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );
結(jié)果:
<p>Hello</p><p>left: 0, top: 35</p>

參數(shù)coordinates 描述:

獲取第二段的偏移

HTML 代碼:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代碼:
$("p:last").offset({ top: 10, left: 30 });