使用子菜单上的滚动条时如何显示子菜单？

Posted 2023-03-05

【中文标题】使用子菜单上的滚动条时如何显示子菜单？

【英文标题】：how to show sub-menu when using the scroll bar on a sub menu?

【发布时间】：2016-12-07 08:39:39

【问题描述】：

当我有滚动条时，我的子菜单不显示。我正在使用引导程序

这是我的 html 代码：

<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"/>&nbsp;Select all</a></li>
                                            <li class="divider"></li>

                                        </ul>
                              </li>
                            </ul>

这是我的css代码：

.scrollable-menu 
    height: auto;
    max-height: 405px;
    overflow-x: hidden;

【问题讨论】：

能否在 jsfiddle 中展示一个工作演示，以便于理解。

我很想得到一个真正的答案......

【参考方案1】：

移除 height: auto; 和 overflow-x: hidden;

试试下面的代码：

 .scrollable-menu 
    max-height: 400px;  
    overflow: auto; /* Scrollbar */ 
  

更新代码：

 .scrollable-menu ul li ul 
    max-height: 400px;  
    overflow: auto; /* Scrollbar */ 
  

【参考方案2】：

.scrollable-menu 
    max-height: 405px;
    overflow-x: auto; /* or overflow:scroll */

【讨论】：

@uno 你能提供一个演示吗？

嗨 Syam，我也面临同样的问题。请问可以在这里更新吗？你是怎么解决的？