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

Question

当我有滚动条时，我的子菜单不会显示出来。我正在使用Bootstrap。

这是我的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;
}

- uno

---

你能否在JSFiddle上展示一个可工作的演示，以便更容易理解。 - rockey dsouza

Answer 1

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

- Syam Pillai

---

嗨Syam，我也遇到了同样的问题。你能在这里更新一下吗？你是如何解决的？ - Udaya Vani

Answer 2

去掉 height: auto; 和 overflow-x: hidden;

尝试以下代码：

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

更新的代码：

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

- Sayed Rafeeq