Dieser Artikel hat den Effekt von JavaScript für Ihre Referenz wieder an die Spitze geteilt. Der spezifische Inhalt ist wie folgt
<! DocType html> <html Lang = "en"> <head> <meta charset = "utf-8"> <meta http-äquiv = "x-ua-kompatible" content = "IE = Edge, Chrome = 1"> <title> Back to Top Effect (native js) </</citle tection = "text/cs } .bg {width: 1022px; Rand: 0 Auto; } .btn {display: keine; Breite: 75px; Höhe: 75px; Hintergrund: URL (../ Images/Web Top kleines Symbol (zurück zu oben)/zurück zu Top-085.png) No-Repeat links oben; Position: fest; Links: 50%; Rand-Links: 530px; unten: 10px; Text -Indent: -9999px; Umriss: Keine; } .BTN: Hover {Hintergrundposition: 0 -75px; } </style> <cript> var timer = null; var isscroll = true; //1.2 Construct Oscroll-Funktion Funktion OSCROLL () {var ostop = document.documentElement.scrolltop || document.body.scrolltop; // 1.1 Scroll Height, kompatibel mit var Ospeed = math.ceil (ostop/4); // Scroll-Geschwindigkeits-Dokument if (ostop == 0) {// Beurteilen Sie die Reichweite der Oberseite den Timer ClearInterval (Timer); } isscroll = true; } window.onload = function () {var obtn = document.getElementById ('btn'); // das Schaltflächenelement var clientHeight = document.documentElement.clientHeight || document.body.clientHeight; // 1. Klicken Sie auf die Schaltfläche Rückgabetaste. } window.onscroll = function () {var ostop = document.documentElement.scrolltop || document.body.scrolltop; // 1.1 scrollhöhe, kompatibel if (ostop> clientHeight) {btn.style.display = "block"; } else {btn.style.display = "keine"; } if (! isscroll) {ClearInterval (Timer); } isscroll = false; }} </script> </head> <body> <div> <img src = "../ Bilder/jz.jpg"> </div> <a href = "javaScript: void (0);" id = "btn"> zurück nach oben </a> </body> </html>Das obige dreht sich alles um diesen Artikel, und ich hoffe, dass es für alle hilfreich sein wird, JavaScript -Programme zu lernen.