JSFiddle - React, Tailwind, and code Playground

HTML

<header></header>
<div class="wrapper">
  <p><a href="#anchor">Lorem</a> ipsum dolor sit amet, consectetur adipisicing elit. Incidunt sint eos recusandae nostrum voluptatibus omnis nemo consectetur eveniet illum aspernatur modi maiores mollitia distinctio, accusantium beatae harum quis saepe. Saepe!
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt sint eos recusandae nostrum voluptatibus omnis nemo consectetur eveniet illum aspernatur modi maiores mollitia distinctio, accusantium beatae harum quis saepe. Saepe!
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt sint eos recusandae nostrum voluptatibus omnis nemo consectetur eveniet illum aspernatur modi maiores mollitia distinctio, accusantium beatae harum quis saepe. Saepe!
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt sint eos recusandae nostrum voluptatibus omnis nemo consectetur eveniet illum aspernatur modi maiores mollitia distinctio, accusantium beatae harum quis saepe. Saepe!
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt sint eos recusandae nostrum voluptatibus omnis nemo consectetur eveniet illum aspernatur modi maiores mollitia distinctio, accusantium beatae harum quis saepe. Saepe!
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt sint eos recusandae nostrum voluptatibus omnis nemo consectetur eveniet illum aspernatur modi maiores mollitia distinctio, accusantium beatae harum quis saepe. Saepe!
    <span id="anchor">Lorem</span> ipsum dolor sit amet, consectetur adipisicing elit. Incidunt sint eos recusandae nostrum voluptatibus omnis nemo consectetur eveniet illum aspernatur modi maiores mollitia distinctio, accusantium beatae harum quis saepe. Saepe!
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt sint eos recusandae nostrum voluptatibus omnis nemo consectetur eveniet illum aspernatur modi maiores mollitia distinctio, accusantium beatae harum quis saepe. Saepe!
   ...

CSS

.wrapper{
  width:30%;
  margin:0 auto;
  border:1px solid #ddd;
  height:100%;
  padding:35px 10px 10px 10px;
}
header{
  height:50px;
  width:100%;
  background:#ccc;
  opacity: .7;
  position: fixed;
  top:0;
}
span{
  color:red;
}

#anchor:before {
  content:"";
  display:block;
  height:50px;
  margin:-50px 0 0; 
}