Recientemente, he estado imitando el estilo de página y la interacción de los principales sitios web, y descubrí que muchos de ellos tienen la necesidad de volver a la cima, así que escribí sobre JS y lo grabé.
Descubrí que el efecto de animación de rápido a lento y la función de tirar hacia abajo de la barra de desplazamiento para dejar de desplazarse en cualquier momento. Me referí a los cursos relevantes en Imooc y finalmente implementé el código JS de la siguiente manera:
// window.onload = function () {var btn = document.getElementById ('btn'); VAR TIMER = NULL; var istop = true; // Obtener la altura de área de visualización de la página var clientHeight = document.documentelement.clientHeight; // window.onscroll = function () {// Mostrar el botón superior var ostop = document.documentelement.scrolltop || document.body.scrolltop; if (ostop> = clientHeight) {btn.style.display = "bloque"; } else {btn.style.display = "ninguno"; }; // En el proceso de regreso a la parte superior, el usuario desplaza la barra de desplazamiento y detiene el temporizador if (! Istop) {ClearInterval (temporizador); }; istop = falso; }; btn.onClick = function () {// set Timer timer = setInterval (function () {// Obtener la altura de ScrollBar desde la varilla superior = document.documentelement.scrolltop || document.body.scrolltop; var ispeed = math.floor (-ostop /7); document.document.scrolltop = document.scrolltop. Ostop+ispeed; };};El ejemplo simple anterior del efecto de animación de JS para regresar a la parte superior de la página es todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.