JavaScript-Implementierung des Beispiels für die Schaltfläche „Zurück nach oben“

.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>

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;
}

<Skript>
(Funktion(){
  //Element abrufen var backtotop = document.getElementById('backtotop');

  var Zeitgeber;
  zurücknachoben.onclick = function(){
    //Stellen Sie die Tabelle so ein, dass sie zuerst geschlossen wird, um Timer-Konflikte zu vermeiden. clearInterval(timer);

    //Stelle den Timer ein timer = setInterval(function(){

      // Ändern Sie den ScrollTop-Elementwert des Stammelements // Kompatibilitätsproblem var top = document.documentElement.scrollTop || document.body.scrollTop;
      oben = oben - 80;
      Dokument.documentElement.scrollTop = oben;
      Dokument.body.scrollTop = oben;

      //Beurteilen, wenn (oben <= 0) {
        //Schalte den Timer aus clearInterval(timer);
      }
    },20);
  };

  //Seite scrollen überwachen window.onscroll = function() {
    //Bildlaufwert abrufen var scrollTop = document.documentElement.scrollTop || document.body.scrollTop || window.scrollY;

    //Wenn die Seite nicht gescrollt wird, wird die Schaltfläche „Zurück nach oben“ ausgeblendet, if (scrollTop == 0) {
      backtotop.style.display = "keine";
    }anders {
        zurück nach oben.style.display = "Block";
    }
  };
})();

<Skript>