JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu-outer">
    <div id="menu-inner">
    </div>
</div>

CSS

#menu-outer {
    width: 300px;
    height: 400px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: gray;
}

#menu-inner {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

#menu-inner::before {
    content: "一番上";
}


#menu-inner::after {
    content: "一番下";
}

JavaScript

var ul = document.createElement("ul");
for (var i = 0; i < 100; i++) {
     ul.appendChild(document.createElement("li")).appendChild(document.createTextNode("項目" + i));
}
document.getElementById("menu-inner").appendChild(ul);