JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<header>
<a href="#ancla-1">Contenido 1</a>
<a href="#ancla-2">Contenido 2</a>
<a href="#ancla-3">Contenido 3</a>
</header>
<div class="ancla" id="ancla-1">
<h1>Contenido 1</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget velit pellentesque odio egestas consequat. Vivamus molestie faucibus sodales. Ut eu purus tortor. Duis dapibus lacus viverra, vestibulum metus in, mollis neque. Duis non nisl venenatis, iaculis tellus a, pharetra diam. Fusce imperdiet iaculis ante sed tristique. Ut eget gravida mauris, in faucibus justo. Aliquam porta ullamcorper dui, vitae commodo dolor commodo sed. Curabitur ornare dapibus dignissim.<br/><br/>Fusce fringilla non odio ut eleifend. Quisque sit amet lacus erat. Cras posuere, est id congue posuere, sem neque commodo nisi, a semper nulla arcu sit amet nisi. Mauris bibendum libero libero, at egestas elit iaculis nec. In et sollicitudin leo. Pellentesque congue, turpis sed euismod lacinia, mi quam pellentesque risus, at mollis eros est vitae augue. Phasellus sollicitudin dui eget leo varius, sed porta quam bibendum. Morbi pellentesque eros vitae erat elementum vulputate.<br/><br/>Donec ac lobortis quam, sed blandit nisl. Vestibulum non pellentesque mi. Pellentesque in velit pretium, blandit velit vel, tincidunt nulla. Duis id sem id purus pellentesque posuere. In hendrerit id neque sit amet volutpat. Donec augue nisl, pharetra in bibendum nec, molestie sit amet nibh. Mauris vehicula diam quis felis lacinia aliquet. Donec at interdum neque, sed luctus turpis. Nulla congue lacus in arcu vulputate ultricies. Phasellus fermentum consequat risus, id tincidunt sapien sollicitudin quis. Donec vitae eros mollis turpis pretium hendrerit. Nullam pellentesque convallis lectus, eu suscipit lectus vehicula vel. Vivamus tortor dolor, lacinia in faucibus ut, dictum id ipsum. Sed rhoncus leo nec purus mollis posuere.</div>
<div class="ancla" id="ancla-2"><h1>Contenido 2</h1>Lorem ipsum dolor...
CSS
body {
padding-top: 120px;
}
header{
height:120px;
width:100%;
background-color: #ccc;
color:#FFF;
position:fixed;
top:0;
left:0;
}
header a{
color: black;
}