Cet article a partagé l'effet de JavaScript en haut pour votre référence. Le contenu spécifique est le suivant
<! Doctype html> <html lang = "en"> <éad> <meta charset = "utf-8"> <meta http-equiv = "x-ua-compatible" contenu = "ie = edge, chrome = 1"> <itle> Retour à un effet supérieur (native js) </tapie> <style type = "text / css"> body {margin: 0; } .bg {width: 1022px; marge: 0 auto; } .btn {affichage: aucun; Largeur: 75px; hauteur: 75px; Contexte: URL (../ images / top petite icône (retour en haut) / retour au top-085.png) sans répétition supérieure gauche; Position: fixe; Gauche: 50%; marge-gauche: 530px; En bas: 10px; Texte-indent: -9999px; Aperçu: aucun; } .btn: hover {background position: 0 -75px; } </ style> <cript> var timer = null; var isscroll = true; //1.2 Construire la fonction de fonction oscroll oscroll () {var ostop = document.DocumentElement.scrolltop || document.body.scrolltop; // 1.1 Scroll Height, compatible avec var eSpeed = math.ceil (ostop / 4); // scroll Speed Document.DocumentElement.ScrollTop = Document.Body.scrolltop = ostop-Ospower; if (ostop == 0) {// juge la portée du haut, nettoyez le temporisateur ClearInterval (temporisateur); } isscroll = true; } window.onload = function () {var obtn = document.getElementById ('btn'); // Obtenez l'élément de bouton var clientHeight = document.DocumentElement.ClientHeight || Document.Body.ClientHeight; // 1. Cliquez sur l'événement du bouton de retour btn.onclick = function () {// lier le bouton CLIQUEZ L'événement Timer = setInterval (Oscroll, 50); } window.onscroll = function () {var ostop = document.documentElement.scrolltop || document.body.scrolltop; // 1.1 Hauteur de défilement, compatible if (ostop> clientHeight) {btn.style.display = "block"; } else {btn.style.display = "Aucun"; } if (! isscroll) {ClearInterval (Timer); } isscroll = false; }} </ script> </ head> <body> <div> <img src = "../ images / jz.jpg"> </div> <a href = "javascript: void (0);" id = "btn"> Retour en haut </a> </ body> </html>Ce qui précède concerne cet article, et j'espère qu'il sera utile pour tout le monde d'apprendre la programmation JavaScript.