[英]How can I make my drop down menu scrollable
At the moment I have a drop down menu which pops up when the user hovers over it. 目前,我有一个下拉菜单,当用户将鼠标悬停在其上时会弹出该菜单。 The drop down currently shows 8 links.
该下拉列表当前显示8个链接。 I am wanting to put 21 links but this would take up the full screen.
我想输入21个链接,但这将占用整个屏幕。 How do I make my pop up scrollable, only displaying 8 items at a time?
如何使弹出窗口可滚动显示,一次仅显示8个项目?
Here is my pop up currently with 8 links: 这是我目前弹出的带有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>
Try this. 尝试这个。 This will restrict your dropdown menu's height and whatever overflows will be shown with a scroll.
这将限制下拉菜单的高度,并且任何溢出都将通过滚动显示。
.dropdown-menu {
max-height:200px;
overflow:scroll;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.