title: How to create parallax effect like this?
body: <p>I've been trying to get build a website with a parallax effect like the one on this website:
  <a href="http://www.sparksandhoney.com/the-open-agency-index/" rel="noreferrer">http://www.sparksandhoney.com/the-open-agency-index/</a>
  or
  <a href="http://www.sparksandhoney.com/press-index/" rel="noreferrer">http://www.sparksandhoney.com/press-index/</a></p>
  
  <p>I've been trying to use stellar.js, but I can't seem to make the nav bar and web page scroll in sync over the image like this website. So far I've just been trying to make the nav bar and text layer be one div that scrolls over a fixed background but that is not working at all?</p>
  
  <p>By the way, I've gone through this websites source code, and they use Squarespace, but I'm trying to do the effect without it.</p>
  
  <p>Does anyone have any ideas?</p>