兼容方法获取浏览器的滚动距离

var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;  //获取距离顶部距离
var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;   //获取页面高度
var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;  //获取文档流高度

 

实用地方
判断是否滑到底部

 

export default {

data(){
  return {
isBackTopBtn :false
   }
},
  mounted:{
   window.addEventListener('scroll',this.watchScroll)
  },
  methods:{
    watchScroll(){
    if (scrollTop + windowHeight == scrollHeight) {
     this.isBackTopBtn = true
     }else {
      this.isBackTopBtn = false
    }

  }

 }

}