title: Vue.js check if scroller scrolled to the element
body: <p>I have an element in my html code</p>
  
  <pre><code>&lt;div class="my_div"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now i want to <code>alert</code> when user scrolled to this element.How can i do that using Vue considering that <code>my_div</code> is in the center of the page?</p>