title: Fixed Position CSS
body: <p>On my website, I have a div beneath my header with some quick links.  I am using <a href="http://davidwalsh.name/persistent-header-opacity" rel="nofollow noreferrer">http://davidwalsh.name/persistent-header-opacity</a> to keep that div on-screen at all times.  However, I want it to show at the top (<code>position:fixed;top:0px;</code>, but only once the original place has been passed.  In other words, I don't want it sticking to the top until the user has scrolled past it.  How?</p>