JSFiddle - React, Tailwind, and code Playground

HTML

<div id="items" class="scrollbar">
    <ul>
        <li>item</li>
        <li>item</li>
        <li>item</li>
        <li>item</li>
        <li>item</li>
        <li>item</li>
        <li>item</li>
        <li>item</li>
        <li>item</li>
        <li>item</li>
        <li>item</li>
        <li>item</li>
        <li>item</li>
        <li>item</li>
        <li>item</li>
        <li>item</li>
        <li>item</li>
        <li>item</li>
        <li>item</li>
        <li>item</li>
    </ul>

CSS

div#items {
    width: 50px;
    height: 140px;
    border: 1px solid black;
}
div.scrollbar {
    overflow: hidden;
}
div.scrollbar:hover {
    overflow-y: scroll;
}
ul {
    list-style-type: none;
}