原生JavaScript实现返回顶部的通用方法
Posted William Shaw技术博客
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生JavaScript实现返回顶部的通用方法相关的知识,希望对你有一定的参考价值。
function backTop(btnId) { var btn = document.getElementById(btnId); var d = document.documentElement; var b = document.body; window.onscroll = set; btn.style.display = "none"; btn.onclick = function() { btn.style.display = "none"; window.onscroll = null; this.timer = setInterval(function() { d.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) * 0.1); b.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) * 0.1); if ((d.scrollTop + b.scrollTop) == 0) clearInterval(btn.timer, window.onscroll = set); }, 10); }; function set() { btn.style.display = (d.scrollTop + b.scrollTop > 100) ? ‘block‘: "none" } }; backTop(‘goTop‘);
以上是关于原生JavaScript实现返回顶部的通用方法的主要内容,如果未能解决你的问题,请参考以下文章