Обнаружение прокрутки в vue.js

Question

Я хотел запустить функцию в vue.js, когда прокрутка обнаружена, или даже лучше запустить функцию, когда прокрутка превышает 5% размера окна или что-то в этом роде.Но я не могу понять это правильно.

Вот мой код:

<template>
  <div>
    <Test1 v-on:scroll.passive="handleScroll"></Test1>
  </div>
</template>

<script>
import Test1 from "./Test1";

export default {
  name: "HomePage",
  components: {
    Test1
  },
  methods: {
    handleScroll: function() {
      alert("something");
    }
  }
};
</script>

<style >
</style> 

Answer 1

Вы можете использовать событие scroll и запускать свою функцию при необходимости

    window.addEventListener('scroll', function(e){
        if(e.pageY>window.innerHeight*0.05){
            console.log('over 5%'); //use your function here
        }
    });

Убедитесь, что вы удаляете прослушиватель событий, когда он вам больше не нужен или ваш компонент отключен