Cet article décrit la simple implémentation de JavaScript pour revenir à l'effet du bouton supérieur du suivi de la barre de défilement flottante. Partagez-le pour votre référence, comme suit:
Une version relativement excellente qui n'affiche que plus d'une hauteur d'écran et suit la barre de défilement flottant vers le code d'effet spécial du bouton supérieur.
L'effet de fonctionnement est illustré dans la figure ci-dessous:
L'exemple de code complet est le suivant:
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <éad> <méta http-equiv = "contenu-type" contenu = "Text / html; Charset = utf-8" /> <ititle> test </ title> <style> body {height: 2000px;}.. hauteur: 25px; Texte-aligne: Centre; taille de police: petit; hauteur de ligne: 25px; Border: 1px solide # 999; Position: fixe; à droite: 0; en bas: 0; Border-Bottom-Color: # 333; Border-Right-Color: # 333; marge: 5px; curseur: pointeur; Affichage: Aucun} </ style> </ head> <body> <div id = "rtop"> return to top </div> <script> window.onscroll = function () {if (document.body.scrolltop || document.documentElement.scrolltop> 0) {document.getElementyid ('rtop'). document.getElementById ('rtop'). style.display = "None"}} </cript> </ body> </html>Pour plus d'informations sur le contenu lié à JavaScript, veuillez consulter les sujets de ce site: "Résumé des effets et techniques de commutation JavaScript", "Résumé des effets et techniques de recherche JavaScript", "Résumé des erreurs Javascript et des techniques de débogage" Algorithmes et techniques de traversée JavaScript ", et" Résumé de l'utilisation des opérations mathématiques JavaScript "
J'espère que cet article sera utile à la programmation JavaScript de tous.