在子菜单上使用滚动条时如何显示子菜单? [英] how to show sub-menu when using the scroll bar on a sub menu?

查看:135
本文介绍了在子菜单上使用滚动条时如何显示子菜单?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

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"/>&nbsp;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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆