我正在嘗試創建一個帶有頂部和底部的側面導航。當窗口高度縮小時，我希望底部導航與頂部重疊并且頂部導航具有滾動功能。我添加了一些 CSS 漸變來幫助向用戶指示項目已溢出，但我想要一個滾動條。我只想要內容溢出時的滾動條（可能需要 JS，但我可能是錯的）。感謝幫助在這里搗鼓，下面是 HTML 和 CSS。<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"></script><div class="pane-sidebar full-height">  <div class="sidebar-menu-wrapper">    <h1 class="brand">Brand</h1>    <ul class="primary">      <li>        <a href="#">          <i class="far fa-sticky-note"></i>          <span>Top</span>        </a>      </li>      <li class="secondary">        <a href="#">          <i class="far fa-sticky-note"></i>          <span>Top</span>        </a>      </li>      <li class="secondary">        <a href="#">          <i class="far fa-sticky-note"></i>          <span>Top</span>        </a>      </li>      <li class="secondary">        <a href="#">          <i class="far fa-sticky-note"></i>          <span>Top</span>        </a>      </li>      <li class="secondary">        <a href="#">          <i class="far fa-sticky-note"></i>          <span>Top</span>        </a>      </li>      <li class="secondary">        <a href="#">          <i class="far fa-sticky-note"></i>          <span>Top</span>        </a>      </li>      <li class="secondary">        <a href="#">          <i class="far fa-sticky-note"></i>          <span>Top</span>        </a>      </li>    </ul>    <ul class="secondary">      <li class="secondary">        <button class="show-errors" type="button">          <i class="far fa-bell"></i>        </span>      </button>    </li>    <li class="secondary">      <a href="#">        <i class="fas fa-box"></i>        <span>Bottom</span>      </a>    </li>  </ul></div>