Método jQuery offset()

jQuery HTML/Métodos CSS

El método offset() de jQuery obtiene o establece las coordenadas de desplazamiento del elemento seleccionado con respecto al documento.

al usar el método offset()Obteneral establecer el desplazamiento, regresaráel primer elemento seleccionadolas coordenadas de desplazamiento (que incluyen2un objeto de propiedades (top y left) ).

al usar el método offset()Estableceral establecer el desplazamiento, estableceráTodos los elementos seleccionadoslas coordenadas de desplazamiento.

Sintaxis:

Obtener las coordenadas de desplazamiento:

$(selector).offset()

Establecer las coordenadas de desplazamiento:

$(selector).offset({top:value, 	left:value})

Configurar las coordenadas del desplazamiento utilizando una función:

$(selector).offset(function(index, 	currentOffset))

Instancia

Obtener las coordenadas de desplazamiento del párrafo:

$("button").click(function(){
　　let p = $("p");
　　let offset = p.offset();
　　p.html("left:	"　+　offset.left　+　",	top:	"　+　offset.top);
});

Establecer las coordenadas de desplazamiento de todos los párrafos:

$("button").click(function(){
　　$("p").offset({
　　　　top:　60,
　　　　left:　30
　　});
});

Establecer las coordenadas de desplazamiento del elemento utilizando las coordenadas de desplazamiento de otro elemento:

$("button").click(function(){
　　$("p").offset($("div").offset());
});

Configurar las coordenadas del desplazamiento utilizando una función:

$("button").click(function(){
　　$("p").offset(function(i, val){
　　　　let newCord = new Object();
　　　　newCord.left = val.left　+　100;
　　　　newCord.top = val.top　+　100;
　　　　return newCord;
　　});
});

Valor del parámetro

jQuery HTML/Métodos CSS