JSFiddle - React, Tailwind, and code Playground

HTML

<p align="justify">
Lorem ipsum dolor sit amet, leo voluptatem varius cras, interdum dapibus, magna elit, sit tincidunt enim, leo eu tellus. Quam quisque accumsan et vitae tellus vestibulum. Duis magna donec eu nisl. Leo pulvinar urna sed, consequatur lobortis est leo mauris lacinia suspendisse. Rhoncus enim ut id nemo, eros ac tempus, ligula tristique sollicitudin fringilla in ultrices, semper dolor habitasse in. Arcu pulvinar accumsan.</p>

<div id="mydiv">
  fixed div
</div>

<div class="ghost">
  fixed div
</div>



<p align="justify">
Lorem ipsum dolor sit amet, leo voluptatem varius cras, interdum dapibus, magna elit, sit tincidunt enim, leo eu tellus. Quam quisque accumsan et vitae tellus vestibulum. Duis magna donec eu nisl. Leo pulvinar urna sed, consequatur lobortis est leo mauris lacinia suspendisse. Rhoncus enim ut id nemo, eros ac tempus, ligula tristique sollicitudin fringilla in ultrices, semper dolor habitasse in. Arcu pulvinar accumsan.</p>
<p align="justify">
Leo arcu ligula ante, nibh fusce, pellentesque cursus, metus sagittis at adipiscing. Ut vel id, erat cursus. Dolores ea, rhoncus aliquam vel euismod euismod, commodo pellentesque porta in consectetuer sed curabitur, suspendisse in tellus iaculis vel. Id iaculis. Aliquam dui mauris eros, neque donec, turpis vehicula integer ut ultrices mauris rutrum, sit nullam nec, dolor nostra sed laoreet pede arcu. Bibendum dolor eget pede. Sollicitudin purus, nulla conubia nibh a sed eget. Enim diam dignissim urna, tempora lorem rutrum pellentesque mattis in, lacus odio, lectus venenatis tincidunt dolor. Sed dolor magnis quia eu vel, libero risus, curabitur torquent sodales iaculis vel dapibus vitae, luctus lorem sed vivamus et, id lectus vitae tellus eros vivamus volutpat.</p>
<p align="justify">
Mauris commodo. Fringilla massa elit et sem, tempus nullam posuere. Donec nec vitae ac quam nascetur cras, nullam adipiscing porttitor vehicula a laoreet sociis, sodales in luctus varius donec. Wisi est tellus,...

CSS

body { margin-top: 45px; position: relative; }
#mydiv { position: fixed;  background-color:Green; float:left; width:100%}
.ghost{opacity: 0}