JSFiddle - React, Tailwind, and code Playground

HTML

<div class="scroll-wrap">
  <div class="content"></div>
</div>

CSS

.scroll-wrap {
  margin: 2rem auto;
  background-color: #EFEFEF;
  padding: 1rem 1rem 0;  /* padding-bottomをとる */
  border: 1px solid #CCC;
  width: 200px;
  height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
/* .scroll-wrap:afterを追加 */
.scroll-wrap:after {
  content: '';
  display: block;
  height: 1rem;
}
.scroll-wrap >.content {
  background-color: #FFFFFF;
  padding: 0 1rem;
  height: 600px;
}