JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<body>
<div class="container" id="above-top-container">
<div class="row" id="above-top"></div>
</div>
<div class="container" id="content-wrap">
<div class="container" id="above-nav"></div>
<div class="container" id="nav-container" data-spy="affix" data-offset-top="100">
<div class="navbar navbar-static-top" id="nav">
<div class="navbar-inner" id="nav-inner">
<ul class="nav" style="margin-left: 50px">
<li class="active"><a href="#">Home</a>
</li>
</ul>
</div>
</div>
</div>
<div class="container" id="content_body">
<h1> HEADING </h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dignissim
odio tellus, id tempus sem. Aenean felis quam, faucibus et ultrices ac,
adipiscing rutrum ligula. Duis quis lorem dolor, a imperdiet elit. Etiam
et sapien libero. Nulla facilisi. Morbi sodales porta accumsan. Vivamus
tempor arcu et justo sollicitudin sollicitudin. Nulla orci justo, adipiscing
eget sollicitudin id, egestas nec mauris. Sed blandit purus eget mi semper
sed euismod turpis congue. Sed cursus imperdiet nibh nec mollis. Phasellus
et tellus a augue iaculis vehicula. Ut tristique elit sit amet nisl scelerisque
in semper odio aliquet. Vivamus nec dui eget nunc porttitor aliquet. Donec
vitae nulla nisl, quis iaculis quam. Mauris facilisis viverra augue sed
facilisis. Nam sed dui tortor. Nunc viverra, nunc in...
CSS
.affix {
position: fixed;
top: 0px;
}
#above-top {
height: 100px;
background: black;
}