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

2024年1月2日 525次阅读 来源: 弱鸡的前端程序员 
<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

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

    原文作者：弱鸡的前端程序员
    原文地址: https://segmentfault.com/a/1190000019862641
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞