Vue中如何获取滚动条滚动的距离

1.先在App组件中定义一个获取滚动条距离的方法,方法名称是handleScroll

methods:{
   handleScroll() {
      let top = Math.floor(document.documentElement.scrollTop || document.body.scrollTop);
      console.log(top);

    },

}

2.然后在mounted中，设置监听事件

mounted() {
    window.addEventListener("scroll", this.handleScroll);
},

3.实现最终效果