Método jQuery offset()
Exemplo
Retorna as coordenadas de deslocamento de um elemento <p>:
$("button").click(function(){
var x = $("p").offset();
alert("Top: " + x.top +
" Left: " + x.left);
});
Definição e uso
O método offset() define ou retorna as coordenadas de deslocamento para os elementos selecionados, em relação ao documento.
Quando usado para retornar o deslocamento:
Este método retorna as coordenadas de deslocamento do PRIMEIRO elemento correspondido. 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 deslocamento de TODOS os elementos correspondentes.
Sintaxe
Retorne as coordenadas de deslocamento:
$(selector).offset()
Defina as coordenadas de deslocamento:
$(selector).offset({top:value,left:value})
Defina as coordenadas de deslocamento usando uma função:
$(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
|
Experimente você mesmo - Exemplos
Como definir as coordenadas de deslocamento de um elemento.
Usando uma função para definir as coordenadas de deslocamento de um elemento.
Como definir as coordenadas de deslocamento de um elemento usando um novo objeto.
Como definir as coordenadas de deslocamento de um elemento usando as coordenadas de deslocamento de um elemento existente.