Ich habe die Seite so eingestellt, dass sie nach oben rollt, wenn auf eine Schaltfläche geklickt wird. Aber zuerst habe ich eine if-Anweisung verwendet, um festzustellen, ob der obere Rand der Seite nicht auf 0 gesetzt wurde. Wenn es nicht 0 ist, animiere ich die Seite, um nach oben zu scrollen.
var body = $("body");
var top = body.scrollTop() // Get position of the body
if(top!=0)
{
body.animate({scrollTop:0}, '500');
}
Der schwierige Teil besteht nun darin, etwas zu animieren, nachdem die Seite nach oben gescrollt hat. Mein nächster Gedanke ist also, herauszufinden, wie die Seitenposition ist. Also habe ich das Konsolenprotokoll verwendet, um es herauszufinden.
console.log(top); // the result was 365
Dies ergab ein Ergebnis von 365, ich schätze, das ist die Positionsnummer, an der ich mich gerade befand, bevor ich nach oben gescrollt habe.
Meine Frage ist, wie ich die Position auf 0 setze, damit ich eine weitere Animation hinzufügen kann, die ausgeführt wird, sobald die Seite bei 0 ist.
Vielen Dank!
quelle
Antworten:
Dazu können Sie eine Rückruffunktion für den Animationsbefehl festlegen, die nach Abschluss der Bildlaufanimation ausgeführt wird.
Beispielsweise:
Wo sich dieser Warncode befindet, können Sie mehr Javascript ausführen, um weitere Animationen hinzuzufügen.
Auch die "Schaukel" dient dazu, die Lockerung einzustellen. Weitere Informationen finden Sie unter http://api.jquery.com/animate/ .
quelle
Versuchen Sie diesen Code:
quelle
$("html")
sollte stattdessen verwendet werden, da in Ihrem Fall eine Rückruffunktion zweimal aufgerufen wird, einmal für HTML und einmal für body . Und Körper benutzen macht nichts.Benutze das:
quelle
Hierfür können Sie die Rückrufmethode verwenden
quelle
Versuchen Sie stattdessen Folgendes:
quelle
Einfache Lösung:
Scrollen zu einem beliebigen Element nach ID oder NAME:
Code:
quelle
var
wird benötigt, um die globale Variable nicht zu überschreiben (falls eine globale Variable mit diesem Namen vorhanden ist)Code mit Klickfunktion ()
.toTop
= Klasse des angeklickten Elements vielleichtimg
odera
quelle
quelle
Das musst du sehen
oder probieren Sie sie aus
quelle
quelle
Sie können sowohl die CSS-Klasse als auch die HTML-ID verwenden. Um sie symmetrisch zu halten, verwende ich beispielsweise immer die CSS-Klasse
quelle