Método jQuery offset()
Ejemplo
Devuelve las coordenadas de desplazamiento de un elemento <p>:
$("button").click(function(){
var x = $("p").offset();
alert("Top: " + x.top +
" Left: " + x.left);
});
Definición y uso
El método offset() establece o devuelve las coordenadas de desplazamiento de los elementos seleccionados, en relación con el documento.
Cuando se usa para devolver el desplazamiento:
este método devuelve las coordenadas de desplazamiento del PRIMER elemento coincidente. Devuelve un objeto con 2 propiedades; las posiciones superior e izquierda en píxeles.
Cuando se usa para establecer el desplazamiento:
este método establece las coordenadas de desplazamiento de TODOS los elementos coincidentes.
Sintaxis
Devuelve las coordenadas de desplazamiento:
$(selector).offset()
Establezca las coordenadas de desplazamiento:
$(selector).offset({top:value,left:value})
Establezca las coordenadas de compensación usando una función:
$(selector).offset(function(index,currentoffset))
| Parameter | Description |
|---|---|
| {top:value,left:value} | Required when setting the offset. Specifies the top and left coordinates in pixels. Possible values:
|
| function(index,currentoffset) | Optional. Specifies a function that returns an object containing the top and left coordinates
|
Pruébelo usted mismo - Ejemplos
de desplazamiento Cómo establecer las coordenadas de desplazamiento de un elemento.
Uso de una función para establecer las coordenadas de desplazamiento de un elemento.
Cómo establecer las coordenadas de desplazamiento de un elemento mediante un objeto nuevo.
Cómo establecer las coordenadas de desplazamiento de un elemento utilizando las coordenadas de desplazamiento de un elemento existente.