JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">
</div>

CSS

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

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


#menu::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").appendChild(ul);