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

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

相关推荐