JSFiddle - React, Tailwind, and code Playground

by Chris Rebert

HTML

<div></div>
<div>
    <a id="bar" href="http://facebook.com">Link near top</a>
    <p class="spc">X</p>
    <button onclick="document.getElementById('bar').focus();">Focus top offscreen link</button>
    <button onclick="document.getElementById('foo').focus();">Focus bottom offscreen link</button>
    <p class="spc">X</p>
    <a id="foo" href="http://facebook.com">Link way down</a>
</div>
<div></div>
<p>END</p>

CSS

div {
    width: 150px;
    height: 2000px;
}
.spc {
    height: 100px;
}