JSFiddle - React, Tailwind, and code Playground

by FlameTrap

HTML

<body id="body" onload="hash()">
<div id="one">Go to <a href="#2">div2</a></div>
<div id="two">Go back to <a href="#1">div1</a></div>
</body>

CSS

html, body {
 position: fixed;
 height: 200%;
 width: 100%;   
}

#one, #two {
   width: 100%;
   height: 100%
}

JavaScript

function hash() {
    var hash = window.location.href;
    document.write(hash);
    document.getElementById('body').style.padding-top = '-'+hash+'00%';
}