ezos86 · August 12, 2013 20:19
diff --git a/scroll-fixed-nav.html b/scroll-fixed-nav.html
 <!DOCTYPE>
 <html>
  <head>
 	 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 		<title></title>
 	</head>
 	<body>
 		<div style="height:3000px; position:relative; margin-top:150px; float:left;">
 			<span id="subnav" style="background-color:#000; height:20px; color:#fff;  width:100%; float:left;">hold this</span>
 		</div>
 	</body>
 	<script>
 	$(document).ready(function() {
   		$(window).scroll(function() {
       		var scrollVal = $(this).scrollTop();
        	if ( scrollVal > 150) {
            	$('#subnav').css({'position':'fixed','top' :'0px'});
        	} else {
            	$('#subnav').css({'position':'static','top':'auto'});
        	}
    	});
 	});
 	</script>
 </html>