JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <span>This is the container</span>
    <div id="comments">
    this is what I want to scroll,      this is what I want to scroll,      this is what I want to scroll,      this is what I want to scroll,      this is what I want to scroll,      this is what I want to scroll, 
    </div>
    <span>The end of the container</span>
</div>

CSS

#container{
    overflow: hidden;
}
#container span{
    background-color: yellow;   
}
#comments{
    overflow: auto; 
    height: 80px;
    width:150px;
}