长下拉菜单 - 没有 <li> 属性如何使其滚动？答案

【问题标题】：Long dropdown menu - no <li> property how to make it scroll?长下拉菜单 - 没有 <li> 属性如何使其滚动？
【发布时间】：2018-07-21 16:53:31
【问题描述】：

我正在为我的博客创建一个下拉菜单，并从 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>

【问题讨论】：

stackoverflow.com/questions/19227496/… 查看此链接可能会对您有所帮助.. 可能重复
还有一个链接是这个stackoverflow.com/questions/37963302/…
我很困惑如何从
更改为
并添加
属性。我绑定了从 codepen 复制一个，但它不起作用，它给出了混乱的菜单列表。
请添加代码，什么是有效的，当它不工作时更改后。
我尝试交换代码但没有成功。一个只适用于教程，但我不喜欢更改博客 HTML 和 CSS。我需要一些说明如何使它工作。

<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>