求一段计算滚动条滚动了百分之多少的代码,需要原生js 的,哪位大佬帮忙写一下谢谢

Question

这里是jquery实现的我需要使用原生的代码,给个函数.在vue使用的,或者有类似的插件也欢迎推荐下

Answer 1

//页面总高
vartotalH=document.body.scrollHeight||document.documentElement.scrollHeight
//可视高
varclientH=window.innerHeight||document.documentElement.clientHeight
window.addEventListener('scroll',function(e){
//计算有效高
varvalidH=totalH-clientH
//滚动条卷去高度
varscrollH=document.body.scrollTop||document.documentElement.scrollTop
//百分比
varresult=(scrollH/validH*100).toFixed(2)
console.log(result)
})