Méthode jquery scrollTop()
Résultats de traduction：
scroll
Anglais [skrəʊl] Américain [skroʊl]
n (couramment utilisé pour l'enregistrement de documents officiels) parchemin de papier, parchemin d'images, parchemin (décoratif); . Pour rouler ; (sur un écran d'ordinateur) pour déplacer (des informations, etc.) de haut en bas, rouler les pages
vi (comme un parchemin) pour dérouler (comme dérouler un parchemin) pour afficher du texte dessus ; l'écran
top
Anglais [tɒp] US [tɑ:p]
n Haut, haut (boîte) couverture, (pages de livre, etc.) colonne supérieure ; le plus haut ; de première classe ; le plus grand vt. atteignant le sommet de... ; dominant ;Méthode jquery scrollTop()syntaxe
Fonction : La méthode scrollTop() renvoie ou définit la position verticale de la barre de défilement de l'élément correspondant. scroll top offset fait référence au décalage de la barre de défilement par rapport à son haut. Si cette méthode ne définit aucun paramètre, renvoie le décalage en pixels à partir du haut de la barre de défilement.
Syntaxe : $(selector).scrollTop(offset)
Paramètres :
| Paramètre | Description |
| offset | Option al. Spécifie le décalage, en pixels, par rapport au haut de la barre de défilement. |
Remarque : Cette méthode est valable pour les éléments visibles et invisibles. Lorsqu'elle est utilisée pour obtenir une valeur, cette méthode renvoie simplement le décalage supérieur de défilement du premier élément correspondant. Lorsqu'elle est utilisée pour définir une valeur, cette méthode définit le décalage supérieur de défilement de tous les éléments correspondants.
Méthode jquery scrollTop()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(){
$(".btn1").click(function(){
$("div").scrollTop(100);
});
$(".btn2").click(function(){
alert($("div").scrollTop()+" px");
});
});
</script>
</head>
<body>
<div style="border:1px solid black;width:200px;height:200px;overflow:auto">
This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.
</div>
<button class="btn1">把 scroll top offset 设置为 100px</button>
<br />
<button class="btn2">获得 scroll top offset</button>
</body>
</html>Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne