title: Vuejs: Footer with Scroll Reveal
body: <p>I try to do footer with a scroll reveal like that <a href="https://codepen.io/nickcil/pen/Eoqiv" rel="nofollow noreferrer">https://codepen.io/nickcil/pen/Eoqiv</a></p>
  
  <pre><code>#footer {
    height: 200px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: -1;
  }
  </code></pre>
  
  <p>It has easy realization but because of content's margin links in footer won't be clickable.
  I tried this lib <a href="https://www.npmjs.com/package/vue-scroll-reveal" rel="nofollow noreferrer">https://www.npmjs.com/package/vue-scroll-reveal</a>
  And animation isn't exactly what I wanted.</p>
  
  <p>I have no idea how to realize scroll reveal in my Vue project, help please!</p>