offset

Anglais [ˈɒfset] US [ˈɔ:fset]

vt. compenser (à des fins de comparaison) pour juxtaposer (ou juxtaposer) ;

vi .former une branche, faire pousser une branche; installer un tube de branche

début; lithographie; compensation

branche;

méthode jquery offset() syntaxe

Fonction : La méthode offset() renvoie ou définit le décalage (position) de l'élément correspondant par rapport au document.

Retour des coordonnées de décalage : Renvoie les coordonnées de décalage du premier élément correspondant. L'objet renvoyé par cette méthode contient deux propriétés entières : top et left, mesurées en pixels. Cette méthode ne fonctionne que sur les éléments visibles.

Syntaxe : $(selector).offset()

Définir les coordonnées de décalage : Définissez les coordonnées de décalage de tous les éléments correspondants.

Syntaxe : $(sélecteur).offset(valeur)

Paramètres :

Paramètre Description
valeur Obligatoire. Spécifie les coordonnées supérieure et gauche en pixels. Valeur possible : paires de valeurs, telles que {top:100,left:0} Un objet avec des propriétés haut et gauche

Utilisez une fonction pour définir les coordonnées de décalage : Utilisez une fonction pour définir les coordonnées de décalage de tous éléments correspondants.

Syntaxe : $(selector).offset(function(index,oldoffset))

Paramètres :

ParamètresDescription
function(index,oldoffset) Préciser le retour Fonction des nouvelles coordonnées de décalage de l'élément sélectionné.
index Facultatif. Accepte la position d'index du sélecteur
oldvalue Facultatif. Accepte les coordonnées actuelles du sélecteur.

méthode jquery offset() exemple

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    x=$("p").offset();
    $("#span1").text(x.left);
    $("#span2").text(x.top);
  });
});
</script>
</head>
<body>
<p>本段落的偏移是 <span id="span1">unknown</span> left 和 <span id="span2">unknown</span> top。</p>
<button>获得 offset</button>
</body>
</html>
Exécuter l'instance »

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne