title: How to make navigation menu stay at the top of the page while scrolling only?
body: <p>I have created a navigation menu with <code>ul &gt; li</code>.<br>
  The menu is actually at the center of the page.<br>
  What I want is, only while scrolling, my menu stays at the top of the page.</p>
  
  <p>I can do it using <strong>css</strong></p>
  
  <pre><code>.menu {
    position:fixed;
    top:0;
    float:left;
  }
  .menu li {
    float:left;
    padding:10px;
    margin:2px;
  }
  </code></pre>
  
  <p>But actually I need when I scroll only. Can any one suggest some solution :)</p>