Recentemente, tenho imitando o estilo de página e a interação dos principais sites e descobri que muitos deles precisam voltar ao topo, então escrevi sobre JS e o gravei.
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 da página altura var clientHeight = document.documentElement.clientHeight; // Trigger window.onscroll = function () {// Mostrar de volta ao botão superior var ostop = document.documentElement.scrolltop || document.body.scrolltop; if (ostop> = clientHeight) {btn.style.display = "bloqueio"; } else {btn.style.display = "nenhum"; }; // No processo de volta à parte superior, o usuário rola a barra de rolagem e interrompe o timer if (! Istop) {clearInterval (timer); }; IStop = false; }; btn.OnClick = function () {// Definir timer do timer = setInterval (function () {// Obtenha a altura do scrollbar a partir do topo var ostop = document.documentElement.Scrolltop || document.body.Scroltop; var isPeed = math.floor (-top /7); OSTOP+ISPEED; };};O exemplo simples acima do efeito de animação do JS para retornar ao topo da página é todo o conteúdo que compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.