Método offset() de operación de CSS jQuery

Manual de operación de CSS jQuery

Ejemplo

Obtener el desplazamiento actual del elemento <p> :

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

Intente usted mismo

Definición y uso

El método offset() devuelve o establece el desplazamiento del elemento coincidente en relación con el documento (ubicación).

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()

Intente 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. Define las coordenadas top y left en píxeles.

Valores posibles:

  • Valores en pares, por ejemplo {top:100,left:0}
  • Objeto con propiedades top y left

Intente usted mismo

Utilice la función para establecer las coordenadas de desplazamiento

Utilice la 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)

Define la función que regresa 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.

Intente 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 operación de CSS jQuery