JSFiddle - React, Tailwind, and code Playground

HTML

<div class="set-overflow">
  <div class="set-relative">
    <div class="element">content</div>
  </div>
</div>

CSS

.set-overflow{
  width: 300px;
  height: 300px;
  position: relative;
  overflow: auto;
}
.set-relative{
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: blue;
}
.element{
  position: absolute;
  right: 0;
  bottom: -20px;
  background: yellow;
}
.set-overflow:hover .element{
  bottom: 0;
}