title: CSS/HTML : how to make something become absolute positioned once you scroll by it
body: <p>I'm new to CSS and HTML here and I'm trying to learn how to make something become absolutely positioned once you scroll by it on the page.</p>
  
  <p>Here's an example of what I mean: <a href="http://fab.com/help/">http://fab.com/help/</a> (you don't need an account to scroll). When you scroll down, the black menu bar at the top disappears and the white menu bar with "How can we help you" becomes absolutely positioned.</p>
  
  <p>I created a an example with a similar menu system,</p>
  
  <p><a href="http://jsfiddle.net/jkdbP/">http://jsfiddle.net/jkdbP/</a></p>
  
  <p>but I don't know where to start to make it become absolutely positioned once it's scrolled by, thanks a lot for any insights!</p>