JSFiddle - React, Tailwind, and code Playground

by btevfik

HTML

<div id="topbar">
    <div id="topcontent">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lobortis, libero nec rutrum convallis, urna lacus gravida augue, eget sollicitudin lacus sem non eros. Nulla condimentum nunc dapibus massa placerat a varius enim hendrerit. Curabitur pulvinar, dolor vel posuere adipiscing, urna est feugiat velit, at tempor dui nunc sit amet neque. Nullam odio lorem, gravida quis mattis convallis, placerat at nulla. Nam feugiat dui felis, vitae pretium risus. Quisque facilisis nibh eget nibh pretium accumsan nec ac nisl. In pulvinar urna at massa venenatis id scelerisque mi feugiat. Ut sit amet placerat felis.
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec lobortis, libero nec rutrum convallis, urna lacus gravida augue, eget sollicitudin lacus sem non eros. Nulla condimentum nunc dapibus massa placerat a varius enim hendrerit. Curabitur pulvinar, dolor vel posuere adipiscing, urna est feugiat velit, at tempor dui nunc sit amet neque. Nullam odio lorem, gravida quis mattis convallis, placerat at nulla. Nam feugiat dui felis, vitae pretium risus. Quisque facilisis nibh eget nibh pretium accumsan nec ac nisl. In pulvinar urna at massa venenatis id scelerisque mi feugiat. Ut sit amet placerat felis.
    </div>
</div>
<div id="main"></div>

CSS

#topbar {
   width: 100%;
   border: solid red 1px;
   height: 50px;
   z-index: 1;
   background-color:lightblue;
   position: fixed;
   overflow:auto;
  }
#main {
background:url("http://lorempixel.com/1000/1000");
height:1000px;
}