JavaScript zur Implementierung der Schaltfläche „Zurück nach oben“

A {
            Textdekoration: keine;
    }
        
        Körper {
            Höhe: 5000px;
        }
        
        .zurücknachoben {
            Position: fest;
            unten: 80px;
            rechts: 80px;
            Breite: 80px;
            Höhe: 80px;
            Hintergrundfarbe: #ccc;
            Schriftgröße: 20px;
            Textausrichtung: zentriert;
            Polsterung oben: 12px;
            Box-Größe: Rahmenbox;
            Cursor: Zeiger;
            Farbe: #000;
            /* Verstecke zuerst den Button */
            /*Anzeige: keine;*/
        }

<a href="javascript:;" class="backtotop" id="backtotop">Zurück nach<br>Oben</a> 

.zurücknachoben {
    /* Verstecke zuerst den Button */
    Anzeige: keine;
}

(Funktion() {
      // 1. Das zu bearbeitende Element abrufen let oBackBtn = document.querySelector("#backtotop"); 
      // 2. Überwachen Sie das Scrollen der Webseite window.onscroll = function() {
                // Scroll-Distanz abrufen let offsetY = getPageScroll().y;
                // Konsole.log(OffsetY);
 
                // Bestimmen Sie, ob die Rollback-Schaltfläche angezeigt werden soll, wenn (offsetY >= 200) {
                    oBackBtn.style.display = "Block";
                } anders {
                    oBackBtn.style.display = "keine";
                }
            }
 
            lass timerId = null;
 
            // 3. Auf Klicks auf den Rollback-Button warten oBackBtn.onclick = function() {
 
                //Stellen Sie die Tabelle so ein, dass sie zuerst geschlossen wird, um Timer-Konflikte zu vermeiden. clearInterval(timerId);
 
                //Setze den Timer timerId = setInterval(function() {
                    let begin = getPageScroll().y; //Aktuelle Position let target = 0; //Zielposition let step = (target - begin) * 0,3;
                    Beginn += Schritt;
 
                    //Beurteilen, ob beendet werden soll, if (Math.abs(Math.floor(step)) <= 1) {
 
                        //Timer löschen clearInterval(timerId);
 
                        // Fenster.scrollTo(x, y);
                        // x gibt die Position an, zu der die Webseite horizontal gescrollt werden soll. // y gibt die Position an, zu der die Webseite vertikal gescrollt werden soll. window.scrollTo(0, 0);
                        zurückkehren;
                    }
 
                    window.scrollTo(0, beginne);
 
                }, 50);
            };
 
            Funktion getPageScroll() {
                sei x, y;
                wenn (Fenster.SeiteXOffset) {
                    x = Fenster.SeiteXOffset;
                    y = Fenster.SeitenYOffset;
                } sonst wenn (document.compatMode === "BackCompat") {
                    x = Dokument.Body.ScrollLeft;
                    y = Dokument.Body.ScrollTop;
                } anders {
                    x = Dokument.Dokumentelement.ScrollLeft;
                    y = Dokument.Dokumentelement.ScrollTop;
                }
                zurückkehren {
                    x: x,
                    j: j
                }
            }
        })();