JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<div class="current_div">Section Name</div>
<div class="red" data-section="Section Red"></div>
<div class="blue" data-section="Section Blue"></div>
<div class="yellow" data-section="Section Yellow"></div>
<div class="green" data-section="Section Green"></div>

CSS

.current_div{
    position:fixed;
    top:0;
    width:100%;
    z-index:100;
}
.colors{
  position:relative;
}
.red{
  background-color:red;
  height:300px;
}
.blue{
  background-color:blue;
  height:300px;
}
.yellow{
  background-color:yellow;
  height:300px;
}
.green{
  background-color:green;
  height:300px;
}