title: How can you get the scrollheight of an fixed element on window scroll within a vue component?
body: <p>I'm trying to achieve a navigation bar that has initial styling but at the end of a specific container, I'm wanting to update the styling of the navigation bar.</p>
  
  <pre><code>&lt;template&gt;
  &lt;div style="position:fixed" class="mynav" ref="desktop"&gt;
    content..
  &lt;/div&gt;
  &lt;/template&gt;
  mounted () {
     window.document.body.onscroll = () =&gt; {
       console.log(this.$refs.desktop.scrollHeight)
    }
  }
  </code></pre>
  
  <p>but the scrollHeight is always the same. How can I figure out where the position:fixed element is located at on window scroll?</p>