Watch window.scrollY changes in Vuejs

Question

I have a very simple app, that has 2 components: the App.vue and another component, Home.vue where I hold the rest of the structure of the app: a stick

Answer 1

2020 Updated:

Use @scroll.passive to watch scroll of any element in component:

Example:

Template

      

        
...
      

Methods:

handleScroll (e) {
  var scrollPos = e.target.scrollTop
}