jquery scrollTop()-Methode
Übersetzungsergebnisse：
scroll
Englisch [skrəʊl] amerikanisch [skroʊl]
n (häufig zum Aufzeichnen offizieller Dokumente verwendet) Papierrolle, Bildrolle, Schriftrolle (Dekoration)
vt . Zum Aufrollen (auf einem Computerbildschirm) rollen Sie die Seite (wie eine Schriftrolle) nach oben (wie eine abgerollte Schriftrolle), um Text auf dem Bildschirm anzuzeigen
top
Englisch [tɒp] US [tɑ:p]
n. Oben, oben; (Buchseiten usw.) obere Spalte; oben; top; das größte vt. an der Spitze stehend;jquery scrollTop()-MethodeSyntax
Funktion: Die Methode scrollTop() gibt die vertikale Position der Bildlaufleiste des passenden Elements zurück oder legt sie fest. Scroll-Top-Offset bezieht sich auf den Offset der Bildlaufleiste relativ zu ihrer Oberseite. Wenn diese Methode keine Parameter festlegt, wird der Versatz in Pixel vom oberen Rand der Bildlaufleiste zurückgegeben.
Syntax: $(selector).scrollTop(offset)
Parameter:
| Parameter | Beschreibung |
| Offset | Optional. Gibt den Versatz in Pixel vom oberen Rand der Bildlaufleiste an. |
Hinweis: Diese Methode gilt sowohl für sichtbare als auch für unsichtbare Elemente. Wenn diese Methode zum Abrufen eines Werts verwendet wird, gibt sie einfach den oberen Scroll-Offset des ersten übereinstimmenden Elements zurück. Wenn diese Methode zum Festlegen eines Werts verwendet wird, legt sie den oberen Scroll-Offset aller übereinstimmenden Elemente fest.
jquery scrollTop()-MethodeBeispiel
<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>Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen