vue里面监听滚动事件以及获取scrollTop

<template>
  <div><button></button></div>
</template>
 
<script>
export default {
  name: 'Affix',
  props: { },
  data () {return {}
  },
  mounted () {window.addEventListener('scroll', this.handleScroll)
  },
  methods: {handleScroll (e) {console.log(document.documentElement.scrollTop)
    }
  }
}
</script>
 
<style scoped lang="less">
</style>
 

很奇怪为什么只有 document.documentElement.scrollTop 这样才能拿到 scrollTop 的值，其他的方式获取的都是 0

(这段代码是以整个页面滚动为基础的，有需要的可以自己改下）