title: Curtain js with sticky menu
body: <p>My goal is to make a simple one page layout web with curtain effect and sticky menu on it.
  I used the curtain.js lib to achieve the "curtain" effect and <a href="http://www.hongkiat.com/blog/css-sticky-position/" rel="nofollow">this</a> simple tutorial for making the menu sticky. </p>
  
  <p>Here is a JSFiddle I've made:
  <a href="http://jsfiddle.net/ZRdesign/n2a7v/50/" rel="nofollow">http://jsfiddle.net/ZRdesign/n2a7v/50/</a></p>
  
  <p>Unfortunately, the navigation bar keeps disappearing while scrolling toward the first cover.
  Couldn't figure out what's wrong yet.</p>
  
  <p>On scrolling I append the following class to the navigation:</p>
  
  <pre><code>.sticky { 
    display:static;
    position: fixed;  
    width: 100%;  
    left: 0;  
    top: 0;  
    z-index: 9999999;  
    border-top: 0;}
  </code></pre>