vue如何获得文档滚动比例

给最外层盒子定义一个ref

<div :ref="container">
</div>

mounted(){
window.addEventListener("scroll",this.handleScroll,true)
}
 methods:{
  let percent = Math.floor(this.$refs.container.scrollTop * 100 / (this.$refs.container.scrollHeight - this.$refs.container.offsetHeight)) + "%"
 }
 destroyed() {
  window.removeEventListener('scroll', this.handleScroll)
 }