title: Vue.js: how to react to page scrolling?
body: <p>I've the need to react to window (viewport) scrolling to be able to detect when an element is visible or not. </p>
  
  <p>The final goal is create something SIMILAR but not equal to an infinite scroller. </p>
  
  <blockquote>
    <p>I want to learn to make it by myself. 
    Do not link me plugins 
    Please, I need to understand Vue.js before constructing over other's plugins.</p>
  </blockquote>
  
  <p><strong>How can I detect page (windows, or better the viewport) scrolling and resizing using Vue.js?</strong> </p>
  
  <p><em>OR</em></p>
  
  <p><strong>How can I overseer the vertical position of an element, a div or a span, to react when it's near to be visibile ?</strong></p>
  
  <p>In the doc I found the <code>@scroll</code>, but it react to the scrolling of an element, not of the page.</p>