JSFiddle - React, Tailwind, and code Playground

by Artem Borovikov

HTML

<div class="block">
  <div class="abs"></div>
  
  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium odio laudantium nisi facere, repudiandae maxime nemo neque nam cum reprehenderit natus possimus, est! Eius dolore possimus laborum? Consequuntur, natus, facere.</div>
  <div>Recusandae aut excepturi quas deleniti, alias animi magnam quaerat culpa deserunt architecto, quos quo, dicta rem aspernatur voluptatibus laboriosam nostrum eveniet sunt laudantium delectus molestiae. Dicta libero vitae, commodi consequatur.</div>
  <div>Quis itaque, illo odit ipsam aliquid placeat deserunt unde perspiciatis architecto beatae, quibusdam delectus iure magnam assumenda molestias laborum minus illum debitis nobis dignissimos consequuntur. Quos nemo, similique fuga aperiam.</div>
  <div>Sapiente modi enim rerum sit ullam blanditiis labore tempore, eos, consequuntur inventore veritatis? Atque maiores nisi eos rem labore id, veniam minus provident debitis, ab, quod vero, repellat a quos!</div>
  <div>Et in vel illo earum sunt aspernatur iure harum officia, reiciendis, molestias illum consequatur rerum, autem tempora ratione iste nobis? Exercitationem laudantium provident est! Harum, vero molestiae. Itaque enim, deleniti!</div>
  <div>Reprehenderit eum, animi, culpa iusto velit aliquid tenetur quo consectetur aliquam est! Beatae harum suscipit fuga dolorum asperiores, corrupti, dolorem hic doloremque cum debitis veritatis? Cum, quaerat, hic? Cum, vero!</div>
  <div>Id pariatur ab atque hic sit totam, sed nam dolor dolorum beatae, vitae non perspiciatis ipsum ullam optio voluptate iure veritatis voluptas tempore iusto expedita molestiae esse ducimus! Possimus, dolorum!</div>
  <div>Minus ut rem, modi veritatis sed est! Voluptates voluptatem laborum, rerum repudiandae ab? Voluptas necessitatibus vel commodi porro facilis cupiditate harum cum, vero, mollitia, facere modi placeat dolor sed culpa!</div>
  <div>Rem molestiae vero harum quibusdam explicabo ratione...

CSS

.block {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  background-color: red;
}


.abs {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: rgba(255,255,255,.5);
}