Ejemplo
Devolver las coordenadas de desplazamiento de un elemento <p>:
$("button").click(function(){
var x = $("p").offset();
alert("Top: " + x.top +
" Left: " + x.left);
});
Inténtalo tú mismo " Definición y Uso
El offset() método establece o devuelve el desplazamiento coordenadas de los elementos seleccionados, en relación con el documento.
Cuando se utiliza para devolver el offset:
Este método devuelve las coordenadas de desplazamiento del primer elemento coincidente. Devuelve un objeto con propiedades 2; las posiciones superior e izquierdo en píxeles.
Cuando se utiliza para establecer el desplazamiento:
Este método establece las coordenadas de desplazamiento de todos los elementos coincidentes.
Sintaxis
Devolver las coordenadas de desplazamiento:
$(selector).offset()
Establecer las coordenadas de desplazamiento:
$(selector).offset({top:value,left:value})
Definir coordenadas del eje mediante la función:
$(selector).offset(function(index,currentoffset))
| Parámetro | Descripción |
|---|---|
| {top:value,left:value} | Se requiere cuando se ajuste el desplazamiento. Especifica las coordenadas superior e izquierdo en píxeles. Valores posibles:
|
| function(index,currentoffset) | Opcional. Especifica una función que devuelve un objeto que contiene las coordenadas superior e izquierdo
|
Inténtelo usted mismo - Ejemplos
Establecer las coordenadas de desplazamiento
Cómo establecer las coordenadas de desplazamiento de un elemento.
Definir coordenadas de desplazamiento utilizando una función
Utilizando una función para establecer las coordenadas de desplazamiento de un elemento.
Establecer las coordenadas de desplazamiento de un elemento utilizando un objeto
Cómo establecer las coordenadas de desplazamiento de un elemento utilizando un nuevo objeto.
Establecer las coordenadas de desplazamiento de un elemento utilizando las coordenadas de desplazamiento de otro elemento
Cómo establecer las coordenadas de desplazamiento de un elemento utilizando las coordenadas de desplazamiento de un elemento existente.