JSFiddle - React, Tailwind, and code Playground

by mavent

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>

<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="#a1" id="a2">go to top 1</a>
<br><br>
<a href="#" onclick="scroll(0,0); return false;">go to top 2</a>

CSS

body { padding-top: 70px; }