méthode jquery offset()
Résultats de traduction：
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 branchedébut; lithographie; compensationbranche;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ètres | Description |
| 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>Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne