在子菜单上使用滚动条时如何显示子菜单? [英] how to show sub-menu when using the scroll bar on a sub menu?
本文介绍了在子菜单上使用滚动条时如何显示子菜单?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
当我有滚动条时,我的子菜单不会显示。我正在使用引导程序
My submenu doesn`t show up when I have scroll bar. I am using bootstrap
这是我的html代码:
this is my html code:
<a tabindex="-1" href="#">Location</a>
<ul class="dropdown-menu scrollable-menu">
<li class="dropdown-submenu">
<a href="#">Afghanistan</a>
<ul class="dropdown-menu scrollable-menu">
<li><a class="small" data-value="option3" tabIndex="-1"><input type="checkbox"/> Select all</a></li>
<li class="divider"></li>
</ul>
</li>
</ul>
这是我的css代码:
This is my css code:
.scrollable-menu {
height: auto;
max-height: 405px;
overflow-x: hidden;
}
推荐答案
auto; 和 overflow-x:hidden;
尝试下列代码:
Try these bellow code:
.scrollable-menu {
max-height: 400px;
overflow: auto; /* Scrollbar */
}
更新后的代码:
Updated Code:
.scrollable-menu ul li ul {
max-height: 400px;
overflow: auto; /* Scrollbar */
}
这篇关于在子菜单上使用滚动条时如何显示子菜单?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文