Exemplo
Retornar as coordenadas deslocamento de um elemento <p>:
$("button").click(function(){
var x = $("p").offset();
alert("Top: " + x.top +
" Left: " + x.left);
});
Tente você mesmo " Definição e Uso
O offset() método definir ou retorna o deslocamento coordenadas para os elementos selecionados, em relação ao documento.
Quando usado para retornar o deslocamento:
Este método retorna as coordenadas de compensação do primeiro elemento combinado. Ele retorna um objeto com 2 propriedades; as posições superior e esquerda em pixels.
Quando usado para definir o deslocamento:
Este método define as coordenadas de compensação de todos os elementos combinados.
Sintaxe
Retornar as coordenadas de deslocamento:
$(selector).offset()
Definir as coordenadas de deslocamento:
$(selector).offset({top:value,left:value})
Definir coordenadas de deslocamento utilizando uma função:
$(selector).offset(function(index,currentoffset))
| Parâmetro | Descrição |
|---|---|
| {top:value,left:value} | Necessário quando configurar o deslocamento. Especifica as coordenadas superior e esquerda em pixels. Valores possíveis:
|
| function(index,currentoffset) | Opcional. Especifica uma função que retorna um objeto contendo as coordenadas superior e esquerda
|
Tente você mesmo - Exemplos
Definir as coordenadas de compensação
Como definir as coordenadas de deslocamento de um elemento.
Definir coordenadas de deslocamento utilizando uma função
Usando uma função para definir as coordenadas de deslocamento de um elemento.
Definir as coordenadas de deslocamento para um elemento usando um objeto
Como definir as coordenadas de deslocamento para um elemento usando um novo objeto.
Definir as coordenadas de deslocamento para um elemento usando as coordenadas de deslocamento de um outro elemento
Como definir as coordenadas de deslocamento para um elemento usando as coordenadas de deslocamento de um elemento existente.