Derniers tutoriels de développement web
 

jQuery offset() Method

<JQuery HTML / Méthodes CSS

Exemple

Retour les coordonnées de décalage d'un élément <p>:

$("button").click(function(){
    var x = $("p").offset();
    alert("Top: " + x.top + " Left: " + x.left);
});
Essayez - le vous - même »

Définition et utilisation

Le offset() méthode définie ou renvoie le décalage des coordonnées pour les éléments sélectionnés, par rapport au document.

Lorsqu'il est utilisé pour retourner le décalage:
Cette méthode renvoie les coordonnées de décalage du premier élément correspondant. Il retourne un objet avec 2 propriétés; les premières positions et à gauche en pixels.

Lorsqu'il est utilisé pour définir le décalage:
Cette méthode définit les coordonnées de décalage des éléments ALL appariés.


Syntaxe

Retour les coordonnées de décalage:

$(selector).offset()

Définissez les coordonnées de décalage:

$(selector).offset({top:value,left:value})

coordonnées Définir décalage en utilisant une fonction:

$(selector).offset(function(index,currentoffset))

Paramètre La description
{top:value,left:value} Nécessaire lors du réglage du décalage. Indique les coordonnées haut et à gauche en pixels.

Valeurs possibles:
  • Paires nom / valeur, comme {top:100,left:100} à {top:100,left:100}
  • Un objet avec des propriétés haut et à gauche ( par exemple )
function(index,currentoffset) Optionnel. Indique une fonction qui retourne un objet contenant les coordonnées haut et à gauche
  • index - Renvoie la position d'index de l'élément dans l'ensemble
  • currentoffset - Renvoie les coordonnées actuelles de l'élément sélectionné

Essayez-le vous-même - Exemples

Définissez les coordonnées de décalage
Comment définir les coordonnées de décalage d'un élément.

Coordonnées de décalage définie à l' aide d' une fonction
Utilisation d'une fonction pour définir les coordonnées de décalage d'un élément.

Définissez les coordonnées de décalage pour un élément en utilisant un objet
Comment définir les coordonnées de décalage pour un élément en utilisant un nouvel objet.

Définissez les coordonnées de décalage pour un élément en utilisant les coordonnées de décalage d'un autre élément
Comment définir les coords de décalage pour un élément en utilisant les coords de décalage d'un élément existant.


<JQuery HTML / Méthodes CSS