Vor kurzem habe ich den Seitenstil und die Interaktion der wichtigsten Websites imitiert und stellte fest, dass viele von ihnen die Notwendigkeit haben, nach oben zurückzukehren, also schrieb ich über JS und habe es aufgenommen.
Ich stellte fest, dass der Animationseffekt von schnell zu langsam und die Funktion, die Bildlaufleiste nach unten zu ziehen, um jederzeit zu scrollen. Ich habe auf die relevanten Kurse zu IMOOC verwiesen und schließlich den JS -Code wie folgt implementiert:
// Trigger Window.onload = function () {var btn = document.getElementById ('btn'); var timer = null; var istop = true; // Die Seitenansichtsbereich Höhe erhöhen var clientHeight = document.documentElement.clientHeight; // Trigger window.oncroll = function () {// Zurück zum oberen Schaltflächenvar ostop = document.documentElement.scrolltop || document.body.scrolltop; if (ostop> = clientHeight) {btn.style.display = "block"; } else {btn.style.display = "keine"; }; // Im Vorgang nach oben scrollt der Benutzer die Bildlaufleiste und stoppt den Timer, wenn (! IStop) {ClearInterval (Timer); }; istop = false; }; btn.onclick = function () {// Timer Timer = setInterval (function () {// Die Höhe des ScrollBar aus der oberen var ostop = document.documentElement.scrolltop || document.body.scrolltop; var ispeed = math.scobloor (-Ostop /7); ostop+ispeed; };};Das obige einfache Beispiel des Animationseffekts von JS, um an die Spitze der Seite zurückzukehren, ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.