固定标题使下拉导航栏不起作用

Question

我有一个navbar。当我将其悬停时，将出现一个下拉菜单。但是，当我在navbar上放置固定标题样式时，下拉菜单直到底部才显示菜单。似乎已被切断。

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  background-color: white;
  z-index: 999;
}

<div class="nav-item">
  <div class="container">
    <nav class="nav-menu mobile-menu ">
      <ul>
        <li class="active"><a href="#">Home</a></li>
        <li>
          <a href="#">Item1</a>
          <ul class="dropdown">
            <li>
              <a class="font-weight-bold">List Item </a>
            </li>
            <li>
              <a class="font-weight-bold">List Item </a>
            </li>
            <li>
              <a class="font-weight-bold">List Item </a>
            </li>
            <li>
              <a class="font-weight-bold">List Item </a>
            </li>
            <li>
              <a class="font-weight-bold">List Item </a>
            </li>
            <li>
              <a class="font-weight-bold">List Item </a>
            </li>
            <li>
              <a class="font-weight-bold">List Item </a>
            </li>
            <li>
              <a class="font-weight-bold">List Item </a>
            </li>
            <li>
              <a class="font-weight-bold">List Item </a>
            </li>
            <li>
              <a class="font-weight-bold">List Item </a>
            </li>
            <li>
              <a class="font-weight-bold">This is not Last Item </a>
            </li>
            <li>
              <a class="font-weight-bold">This is Last List Item </a>
            </li>
          </ul>
        </li>
        <li><a href="#">Item2</a>
          <ul class="dropdown"></ul>
        </li>
      </ul>
    </nav>
  </div>

这是我的导航栏的屏幕截图：

Screenshot

谢谢

Answer 1

为什么不添加：高度：100％;溢出-y：滚动;到您的.dropdown？