JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="page" class="no_scroll">
        <div>
             <h1 align="center">Here I have a combo box</h1>

        </div>
        <div>
             <h2 align="center">Here I have an header</h2>

        </div>
        <div class="listview">
            <ul>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Element</li>
                <li>Last Element</li>
                <li>Last Element</li>
            </ul>
        </div>
    </div>
</body>

CSS

body {
    height:480px;
}
.no_scroll{
    overflow-y:hidden;
    height:100%;
}

.listview {
    overflow-y:auto;
    height:100%;
}