title: How might I go about hiding a navbar that only shows on upward scroll?
body: <p>So I've implemented a very basic "Hide header on scroll down, show on scroll up" header component into my website (via this <a href="https://medium.com/@mariusc23/hide-header-on-scroll-down-show-on-scroll-up-67bbaae9a78c" rel="nofollow">article</a> and the jsfiddle example at the bottom of the page), but I'm encountering an issue where the "scroll nav/header" covers up the static header I've already had on my site.</p>
  
  <p>—</p>
  
  <p>So here's my question — How might I hide this "hidden/revealed on scroll" header when it covers up the area taken up by my static header at the top of my page?</p>
  
  <p>Here's my live site for reference: <a href="http://labs.edouard.us/" rel="nofollow">http://labs.edouard.us/</a></p>
  
  <p>Thanks for any help!</p>