JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  60px height Header, <a href="#anchorpoint">Click me</a> to the anchor point
</div>

<div>
  Some Content
</div>

<a id="anchorpoint" class="anchor"></a>
<div>
  The actual content
</div>

CSS

div:first-child { position: fixed; top: 0; left: 0; right: 0; height: 60px; background: #fff; }

div:nth-child(2) { line-height: 300vh; }
div:last-child { height: 150vh; }

.anchor {
    display:block;
    padding-top:60px;
    margin-top:-60px;
 }