JSFiddle - React, Tailwind, and code Playground

HTML

<div class='block' id='first'>
  <a href='#second'>Click to go to middle</a>
</div>

<div class='block' id='second'>
  <a href='#third'>Click to go to bottom</a>
</div>

<div class='block' id='third'>
  <a href='#first'>Click to go to top</a>
</div>

CSS

.block {
  height: 70vh;
}

#second {
  background-color: green;
}
#first {
  background-color: lightblue;
}
#third {
  background-color: red;
}