Metodo offset() di jQuery CSS

Manuale di riferimento per l'operazione CSS di jQuery

Esempio

Ottieni l'offset corrente dell'elemento <p>:

$(".btn1").click(function(){
  x=$("p").offset();
  $("#span1").text(x.left);
  $("#span2").text(x.top);
});

Prova da solo

Definizione e uso

Il metodo offset() restituisce o imposta l'offset (posizione) dell'elemento corrispondente rispetto al documento.

Restituire le coordinate di offset

Restituire le coordinate di offset dell'elemento corrispondente.

L'oggetto restituito da questo metodo contiene due proprietà intere: top e left, in pixel. Questo metodo è valido solo per gli elementi visibili.

Sintassi

$(selector).offset()

Prova da solo

Impostare le coordinate di offset

Impostare le coordinate di offset di tutti gli elementi corrispondenti.

Sintassi

$(selector).offset(value)
Parametri Descrizione
value

Obbligatorio. Specificare le coordinate top e left in pixel.

Valori possibili:

  • Valori di coppia, ad esempio {top:100,left:0}
  • Oggetto con proprietà top e left

Prova da solo

Utilizzare la funzione per impostare le coordinate di offset

Utilizzare la funzione per impostare le coordinate di offset di tutti gli elementi corrispondenti.

Sintassi

$(selector).offset(funzione(index,oldoffset))
Parametri Descrizione
funzione(index,oldoffset)

Specificare la funzione che restituisce le nuove coordinate di offset dell'elemento selezionato.

  • index - opzionale. Accetta la posizione dell'indice del selettore
  • oldvalue - opzionale. Accetta le coordinate correnti del selettore.

Prova da solo

Più esempi

Impostare un nuovo valore di offset per l'oggetto utilizzando l'oggetto.
Posizionare l'elemento utilizzando le coordinate dell'oggetto nuovo.
Impostare un nuovo valore di offset per l'elemento utilizzando la posizione di un altro elemento.
Posizionare l'elemento utilizzando la posizione dell'oggetto esistente.

Manuale di riferimento per l'operazione CSS di jQuery