长下拉菜单 - 没有 属性如何使其滚动？

Question

我正在为我的博客创建一个下拉菜单，并从CSS-Tricks长下拉解决方案中找到了一个非常有用的代码。它使菜单在悬停时上下滚动非常棒。

我尝试更改一些HTML和CSS，但我无法使其工作。是否需要更改标记和CSS？有没有办法在我的菜单上实现没有<ul>和<li>属性的代码？我应该做些什么改变来使代码工作？请给我一些如何操作的说明 - 代码非常精彩。

<div class="dropdown">
<button class="dropbtn">Navigation</button>
<div class="dropdown-content">
<a href="List 1">1</a>
<a href="List 2">2</a>
<a href="List 3">3</a>
</div>
</div> 

Answer 1

<div id="wrapper">
    <div class="dropdown">
 <div class="dropdown">
        <button class="dropbtn">Text</button>
          <div class="dropdown-content" style="width: 200px; height: 100px; overflow-y: scroll;"><a href=" ">Lists 1</a>
            <a href=" ">Lists 2</a>
            <a href=" ">Lists 3</a>
            <a href=" ">Lists 4</a>
            <a href=" ">Lists 5</a>
            <a href=" ">Lists 5</a>
            <a href=" ">Lists 7</a>
            <a href=" ">Lists 8</a>
            <a href=" ">Lists 9</a>
            <a href=" ">Lists 10</a>
            <a href=" ">Lists 11</a>
            <a href=" ">Lists 12</a>
            <a href=" ">Lists 13</a>
            <a href=" ">Lists 14</a>
          </div>
      </div>
</div>

我刚刚检查了这个，这是按照你的要求工作的。只需在你的div容器中添加style="overflow-y: scroll";，我就可以了