Método offset() de operação CSS do jQuery
Exemplo
Obtenha o deslocamento atual do elemento <p>:
$(".btn1").click(function(){
x=$("p").offset();
$("#span1").text(x.left);
$("#span2").text(x.top);
});
Definição e uso
O método offset() retorna ou define o deslocamento (posição) do elemento correspondente em relação ao documento.
Retorna as coordenadas de deslocamento
Retorna as coordenadas de deslocamento do primeiro elemento correspondente.
Este método retorna um objeto que contém duas propriedades inteiras: top e left, em pixels. Este método é válido apenas para elementos visíveis.
Sintaxe
$(selector).offset()
Define as coordenadas de deslocamento
Define as coordenadas de deslocamento de todos os elementos correspondentes.
Sintaxe
$(selector).offset(value)
| Parâmetros | Descrição |
|---|---|
| value |
Obrigatório. Define as coordenadas top e left em pixels. Valores possíveis:
|
Use a função para definir as coordenadas de deslocamento
Use a função para definir as coordenadas de deslocamento de todos os elementos correspondentes.
Sintaxe
$(selector).offset(function(index,oldoffset))
| Parâmetros | Descrição |
|---|---|
| function(index,oldoffset) |
Define a função que retorna as novas coordenadas de deslocamento do elemento selecionado.
|
Mais exemplos
- Use o objeto para definir novos valores de offset para o objeto.
- Use as coordenadas do novo objeto para localizar o elemento.
- Use a posição de outro elemento para definir novos valores de offset para o elemento.
- Use a posição existente do objeto para localizar o elemento.
