vue中实时获取滚动条距上高度

最新推荐文章于 2024-12-10 16:06:33 发布

原创最新推荐文章于 2024-12-10 16:06:33 发布 · 3.6k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个使用Vue.js实现的简单示例，该示例演示了如何在网页中监听滚动事件并获取当前滚动位置。通过在Vue组件的mounted生命周期钩子中添加事件监听器，并定义相应的方法来更新数据属性，可以轻松实现这一功能。

export default {
  name: 'App',
  data(){
    return {
      scroll:''
    }
  },
  mounted(){
    window.addEventListener('scroll', this.scrollTop)
  },
  methods:{
    scrollTop(){
      this.scroll = document.documentElement.scrollTop || document.body.scrollTop;
      console.log(this.scroll)
    }
  }
}