JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://raw.github.com/garand/Sticky/master/jquery.sticky.js"></script>
<div id="other">
top content<br/>
top content<br/>
top content<br/>
top content<br/>
top content<br/>
</div>
<div class="navbar center" id="stickynavbar">
<div class="navbar-inner">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<div class="nav-collapse">
<ul class="nav">
<li class="active"> <a href="#">WHAT IS IT FOR?</a></li>
<li><a href="#">WHERE TO GET IT?</a></li>
<li><a href="#">WHAT DOES IT INCLUDE</a></li>
<li><a href="#">FOR RESELLER (B2B)</a></li>
</ul>
</div>
</div>
<div id="bottom">
<div id="other">
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
more content<br/>
...
JavaScript
$('#stickynavbar').sticky();