Método offset() de operaciones CSS de jQuery

Manual de referencia de operaciones CSS de jQuery

Ejemplo

Obtener el desplazamiento actual del elemento <p> :

$(".btn1").click(function(){
  x=$("p").offset();
  $("#span1").text(x.left);
  $("#span2").text(x.top);
});

Pruebe usted mismo

Definición y uso

El método offset() devuelve o establece el desplazamiento (posición) del elemento coincidente con respecto al documento.

Devuelve las coordenadas de desplazamiento

Devuelve las coordenadas de desplazamiento del primer elemento coincidente.

Este método devuelve un objeto que contiene dos propiedades enteras: top y left, en píxeles. Este método solo es válido para elementos visibles.

Sintaxis

$(selector).offset()

Pruebe usted mismo

Establece las coordenadas de desplazamiento

Establece las coordenadas de desplazamiento de todos los elementos coincidentes.

Sintaxis

$(selector).offset(value)
Parámetros Descripción
value

Obligatorio. Especifica las coordenadas top y left en píxeles.

Valores posibles:

  • Pareja de valores, por ejemplo {top:100,left:0}
  • Objeto con propiedades top y left

Pruebe usted mismo

Utilice una función para establecer las coordenadas de desplazamiento

Utilice una función para establecer las coordenadas de desplazamiento de todos los elementos coincidentes.

Sintaxis

$(selector).offset(function(index,oldoffset))
Parámetros Descripción
function(index,oldoffset)

Función que especifica las nuevas coordenadas de desplazamiento del elemento seleccionado.

  • index - opcional. Acepta la posición de index del selector
  • oldvalue - opcional. Acepta las coordenadas actuales del selector.

Pruebe usted mismo

Más ejemplos

Utilice el objeto para establecer un nuevo valor de offset para el objeto.
Utilice las coordenadas del nuevo objeto para localizar el elemento.
Utilice la posición de otro elemento para establecer un nuevo valor de offset para el elemento.
Utilice la posición del objeto existente para localizar el elemento.

Manual de referencia de operaciones CSS de jQuery