JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="inhaltsverzeichnis">
  <li>Punkt 1</li>
  <li>Punkt 2</li>
  <li>Punkt 3</li>
  <li>Punkt 4</li>
  <li>Punkt 5</li>
  <li>Punkt 6</li>
  <li>Punkt 7</li>
  <li>Punkt 8</li>
  <li>Punkt 9</li>
  <li>Punkt 10</li>
  <li>Punkt 11</li>
  <li>Punkt 12</li>
  <li>Punkt 13</li>
  <li>Punkt 14</li>
  <li>Punkt 15</li>
  <li>Punkt 16</li>
  <li>Punkt 17</li>
  <li>Punkt 18</li>
  <li>Punkt 19</li>
  <li>Punkt 20</li>
</ul>

CSS

.inhaltsverzeichnis {
  height: 250px;
  width: 200px;
  overflow-y: hidden;
}

.inhaltsverzeichnis:hover {
  overflow-y: scroll;
}