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

Question

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

Answer 1

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