title: Fixed button on scroll
body: <p>Managed to add a fixed button when I scroll down the page, but I want to have this hidden until a certain point (when the nav is out of view).</p>
  
  <p>I will show you my code so far and you guys can hopefully show me where I have gone wrong.</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.fixed-btn {
      position: fixed;
      top: 60px;
      right: 80px;
      height: 100px;
      z-index: 999;
      display: none;
  }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="fixed-btn"&gt;
      &lt;a onclick="fatsomaEventsWidget.showEvent('akvmo30l')" href="#event_id=akvmo30l" class="btn btn--white-bg" href="#" role="button"&gt;Get Wristbands&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>var wristbands = $(".fixed-btn");
  
  wristbands.on("scroll", function (e) {
  
      if (this.scrollTop &gt; 900) {
          wristbands.css('display: block;');
      } else {
          wristbands.css('display: none;');
      }
  
  });
  </code></pre>