JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="fixed">
        Fixed position element
        <a href="#foo" alt="foo">Jump to foo</a>   
    </div>
    <div id="spacer"></div>
    <a id="foo"></a><h2>Foo</h2>
    
    <p>Lorem ipsum text</p>
    <div id="spacer"></div>
</div>

CSS

#fixed { position:fixed; top:0; left:0; width:100%; height:100px; background-color:red; }
#spacer { height:800px; }
* { margin:0px; padding:0px; }
#container { width:960px; margin:auto; }
#foo { position:relative; top:-100px; }