Recentemente, tenho trabalhado em projetos de front-end e muitos projetos têm os requisitos para retornar ao topo. Abaixo, escreverei meu código JS para fazer um registro dele para uma pesquisa mais fácil no futuro.
Descobri que o efeito de animação de rápido a lento e a função de puxar a barra de rolagem para parar de rolar a qualquer momento. Referi -me aos cursos relevantes no IMOOC e finalmente implementei o código JS da seguinte maneira:
// Trigger window.onload = function () {var btn = document.getElementById ('btn'); var timer = null; var istop = true; // obtenha a área de visualização de página document.body.scrolltop; if (ostop> = clientHeight) {btn.style.display = "block";} else {btn.style.display = "nenhum";}; // no processo de volta para o topo, o usuário roll the scrollbar (timer); false;}; btn.OnClick = function () {// Definir timer do timer = setInterval (function () {// Obtenha a altura do ScrollBar no topo var ostop = document.documentElement.Scrolltop || document.body.scrolltop; var isPeed = math.floor (-ânimo 7); document.body.scrolltop = ostop+ispeed; // adicione à parte superior, limpe o timer if (ostop == 0) {clearInterval (timer);}; istop = true;}, 30);};};O conteúdo acima é o código de animação com base na implementação baseada em JavaScript de volta à parte superior da página introduzida pelo editor. O código é simples e fácil de entender. Não há muitos comentários anexados a você. Se você encontrar alguma dúvida durante o processo de referência, deixe -me uma mensagem. O editor responderá a você a tempo!