He estado trabajando recientemente en proyectos front-end, y muchos proyectos tienen los requisitos para regresar a la cima. A continuación, escribiré mi código JS para hacer un registro de él para una búsqueda más fácil en el futuro.
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 el área de visualización de la página Altura var clientHeight = document.DocumentLement.clientheight; // thrigger Window || document.body.scrolltop; if (ostop> = clientHeight) {btn.style.display = "bloque";} else {btn.style.display = "none";}; // en el proceso hacia arriba en la parte superior, el usuario desplaza el scrollBar y detiene el temporizador if (! istop) {clearval (Clearinter);}; ItOp =; false;}; btn.onclick = function () {// set timer timer = setInterval (function () {// Obtener la altura de ScrollBar de la var document.body.scrolltop = ostop+ispeed; // Agregar a la parte superior, borre el temporizador if (ostop == 0) {clearInterval (temporizador);}; istop = true;}, 30);};};El contenido anterior es el código de animación basado en la implementación basada en JavaScript en la parte superior de la página introducida por el editor. El código es simple y fácil de entender. No hay demasiados comentarios adjuntos. Si encuentra alguna pregunta durante el proceso de referencia, déjame un mensaje. ¡El editor le responderá a tiempo!