JSFiddle - React, Tailwind, and code Playground

HTML

<header>
    <ul>
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
      <li>6</li>
      <li>7</li>
      <li>8</li>
      <li>9</li>
      <li>10</li>
      <li>11</li>
      <li>12</li>
      <li>13</li>
      <li>14</li>
      <li>15</li>
      <li>16</li>
      <li>17</li>
      <li>18</li>
      <li>19</li>
      <li>20</li>
      <li>21</li>
      <li>22</li>
      <li>23</li>
      <li>24</li>
      <li>25</li>
      <li>26</li>
      <li>27</li>
      <li>28</li>
      <li>29</li>
      <li>30</li>
      <li>31</li>
      <li>32</li>
      <li>33</li>
      <li>34</li>
      <li>35</li>
      <li>36</li>
      <li>37</li>
      <li>38</li>
      <li>39</li>
      <li>40</li>
      <li>41</li>
      <li>42</li>
      <li>43</li>
      <li>44</li>
      <li>45</li>
      <li>46</li>
      <li>47</li>
      <li>48</li>
      <li>49</li>
      <li>50</li>
  </ul>
</header>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A impedit asperiores adipisci pariatur vel, sapiente tenetur dolorum repellendus delectus ex ipsa vero odio placeat deleniti aperiam natus deserunt eum voluptates?</div>
<div>Veritatis delectus eveniet sed, repellendus vel, libero beatae blanditiis a fugit corporis nobis molestias, aspernatur laborum accusamus amet illo optio quibusdam repellat hic. Qui reiciendis, nostrum asperiores facere nesciunt neque?</div>
<div>Quia rerum, eaque ratione blanditiis vitae sit quidem tempore voluptate ad nam molestias sunt mollitia beatae, corporis laudantium nemo itaque quaerat hic ab porro pariatur ipsam omnis? Cumque, quo, consequuntur.</div>
<div>Similique, omnis, alias inventore eaque voluptate asperiores quod, optio culpa blanditiis, porro animi! Ex deserunt unde sequi blanditiis laborum recusandae, mollitia non animi deleniti vel. Dolores nesciunt, eveniet iure rem!</div>
<div>Ratione dolores aliquid ut temporibus. Reprehenderit itaque error porro architecto similique amet incidunt magni quisquam...

CSS

header {
  position: fixed;
  background: rgba(255,0,0,.8);
  left: 0;
  right: 0;
  top: 0;
  height: 100px;
}
ul {
  position: absolute;
  top: 100%;
  background: #000;
  margin: 0;
  padding: 0;
  color: #fff;
  min-width: 100px;
  text-align: center;
  max-height: 100vh;
 overflow: auto;
}