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

Question

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

Answer 1

// 页面总高

var totalH = document.body.scrollHeight || document.documentElement.scrollHeight

// 可视高

var clientH = window.innerHeight || document.documentElement.clientHeight

window.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)

})