Vue.js Vue不'；无法检测滚动事件

我正在尝试在我的vue应用程序上使用aos库。显然，它没有检测到滚动事件，因为滚动后它只显示屏幕上的元素，而不显示其他元素

所以我想我可以添加一个窗口滚动事件监听器来刷新AOS函数，但它似乎没有启动该函数

我尝试了一些方法：

在组件的挂载方法中添加侦听器：

在容器元素中添加侦听器。这一个可以工作，但一点也不行，它不能像预期的那样持续发射，所以我必须滚动多次才能发射一次：

在App.vue中创建的函数上添加窗口滚动侦听器

---

第一个似乎适合我（如下）你能提供其余的代码吗

---

第一个似乎适合我（如下）你能提供其余的代码吗

---

我将.page的位置属性从绝对更改为相对，现在可以工作。我将.page的位置属性从绝对更改为相对，现在可以工作。

  mounted () {
    window.addEventListener('scroll', function() {
      console.log('Scrolling')
    });
  }

<template>
  <div class="page" @scroll="scrollFunction">
    Content...
  </div>
</template>
<script>
  ...
  methods: {
    scrollFunction() {
      console.log('scrolling from method')
    }
  }
</script>

  created () {
    window.addEventListener('scroll', this.scrollFunction);
  },
  destroyed () {
    window.removeEventListener('scroll', this.scrollFunction);
  }