gpt4 book ai didi

html - 如何使我的下拉菜单可滚动

转载 作者:行者123 更新时间:2023-12-03 20:33:40 24 4
gpt4 key购买 nike

目前我有一个下拉菜单,当用户将鼠标悬停在它上面时会弹出。下拉列表当前显示 8 个链接。我想放 21 个链接,但这会占据全屏。如何使我的弹出窗口可滚动,一次只显示 8 个项目?

这是我目前的弹出窗口,其中包含 8 个链接:

<a href="specifying.html">
<div class="col-sm-3" id="about-tab">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Specifying</a>
<ul class="dropdown-menu" role="menu">
<li><a href="x-ray.html">X-Ray</a>
</li>
<li><a href="#">S/Opening Calculator</a>
</li>
<li><a href="certification.html">Certification</a>
</li>
<li><a href="door-cores.html">Door Cores</a>
</li>
<li><a href="frame-types-and-materials.html">Frame Types & Materials</a>
</li>
<li><a href="downloads.html">Downloads</a>
</li>
<li><a href="pas24-secure-by-design.html">PAS 24/Secure By Design</a>
</li>
<li><a href="#">Pre-Hanging</a>
</li>
</ul>
</li>
</div>
</a>

最佳答案

尝试这个。这将限制您的下拉菜单的高度,并且任何溢出都将通过滚动显示。

.dropdown-menu {
max-height:200px;
overflow:scroll;
}

关于html - 如何使我的下拉菜单可滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37963302/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com