JSFiddle - React, Tailwind, and code Playground

by Salmin Skenderovic

HTML

<div class="container">
    <p>Hello, this is text.</p>
  <p>Hello, this is text.</p>
  <p>Hello, this is text.</p>
  <p>Hello, this is text.</p>
  <p>Hello, this is text.</p>
  <p>Hello, this is text.</p>
    <p>Hello, this is text.</p>
  <p>Hello, this is text.</p>
  <p>Hello, this is text.</p>
  <p>Hello, this is text.</p>
  <p>Hello, this is text.</p>
</div>

CSS

.container{
  padding: 30px;
  position: relative;
  width: 240px;
  height: 170px;
  border:1px solid #000;
  overflow-y: scroll;
  overflow-x: hidden;
}
.container:after{
  content: ' ';
  display: block;
  background-color: red;
  /* height: 100%; */
  /* width: 100%; */
  position: absolute;
  bottom: 0;
}