JSFiddle - React, Tailwind, and code Playground

by guydog28

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div class="navbar navbar-inverse navbar-fixed-top">
     <div class="navbar-inner">
    </div>
</div>
<!--false top, also provides the "body padding" -->
<div id="div1"/>
<p>1111111</p>
<p>2222222</p>
<p>3333333</p>
<p>4444444</p>
<p>555555</p>
<a href="#" id="a1">XYZXYZ</a>
<br><br>
<p>AAAAAAAA</p>
<p>AAAAAAAA</p><p>AAAAAAAA</p>
<p>AAAAAAAA</p><p>AAAAAAAA</p>
<p>AAAAAAAA</p><p>AAAAAAAA</p>
<p>AAAAAAAA</p><p>AAAAAAAA</p>
<p>AAAAAAAA</p><p>AAAAAAAA</p>
<p>AAAAAAAA</p><p>AAAAAAAA</p>
<p>AAAAAAAA</p><p>AAAAAAAA</p>
<p>AAAAAAAA</p><p>AAAAAAAA</p>
<p>AAAAAAAA</p><p>AAAAAAAA</p>
    
<a href="#div1" id="a2">go to top 1</a>
<br><br>
<a href="#" onclick="scroll(0,0); return false;">go to top 2</a>

CSS

#div1 {
    padding-top: 70px;
}