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

Question

这里是 jquery 实现的

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

Answer 1

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