Este artículo describe la implementación simple de JavaScript para volver al efecto del botón superior de seguir la flotación de la barra de desplazamiento. Compártelo para su referencia, como sigue:
Una versión relativamente excelente que solo muestra más de una altura de pantalla, y sigue la barra de desplazamiento flotando hacia el código de efecto especial del botón superior.
El efecto de operación se muestra en la figura a continuación:
El código de ejemplo completo es el siguiente:
< xmlns = "http://www.w3.org/1999/xhtml"> <fead> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> test </title> <style> body {altura: 2000px;}.}. Rtop {width; Altura: 25px; Text-Align: Center; tamaño de fuente: pequeño; Línea de altura: 25px; borde: 1px Solid #999; Posición: fijo; Derecha: 0; Abajo: 0; color-fondo del borde:#333; border-derecho:#333; margen: 5px; cursor: puntero; Pantalla: Ninguno} </style> </head> <body> <div id = "rtop"> volver a la parte superior </div> <script> window.onscroll = function () {if (document.body.scrolltop || document.documentelement document.getElementById ('rtop'). style.display = "none"}} </script> </body> </html>For more information about JavaScript related content, please check out the topics of this site: "Summary of JavaScript switching effects and techniques", "Summary of JavaScript search algorithm skills", "Summary of JavaScript animation effects and techniques", "Summary of JavaScript errors and debugging techniques", "Summary of JavaScript data structures and algorithm skills", "Summary of JavaScript Algoritmos y técnicas de recorrido ", y" Resumen del uso de operaciones matemáticas de JavaScript "
Espero que este artículo sea útil para la programación de JavaScript de todos.