JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-scrollspy.js"></script>
<div id="menu">
  <ul class="nav nav-list navbar-fixed-top"> 
    <li><a href="#one">One</a></li>
    <li><a href="#two">Two</a></li>
    <li><a href="#three">Three</a></li>
    <li><a href="#four">Four</a></li>
    </ul>
</div>
   <div id="content">
       <div id="one">One</div>
       <div id="two">Two</div>
       <div id="three">Three</div>
       <div id="four">Four</div>
    </div>
 </body>
</html>

CSS

body {
    padding-top: 130px;
}

.navbar-fixed-top {
    background-color: white;
}

#content div {
  width: 100%;
  height: 500px;
}

#one { background: #f00;}
#two { background: #0f0;}
#three { background: #ff0;}
#four { background: #0ff;}

JavaScript

// remove the line below and everything's okay
window.location.hash = '#three'

$(window).scrollspy({ target: '#menu', offset: 130});