下拉菜单中溢出不工作时，自举导航栏里面

我有这个下拉菜单伟大的工程：下拉菜单中溢出不工作时，自举导航栏里面

<div class="btn-group pull-left"> 
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> 
     <i class="icon-map-marker icon-large"></i> Change Site 
     <span class="caret"></span> 
    </a> 
    &nbsp; 
    <ul class="dropdown-menu" id="arSiteList"> 
     <li> 
      <a href='#'><b>Select a site</b></a> 
     </li> 
     <li class="divider"></li> 
    </ul> 
</div>

当下拉项列表长于屏幕，滚动鼠标滚轮会向下滚动项目列表。太棒了。

然而，当我移动下拉菜单进入导航栏，它停止工作：

<div class="navbar navbar-fixed-top" > 
    <div class="navbar-inner"> 
     <div class="container"> 
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </a> 
      <a class="brand" href="http://portal.parworksapi.com/ar/mars/portal/developer">PAR Works</a> 
      <div class="btn-group pull-left"> 
      <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> 
       <i class="icon-map-marker icon-large" ></i> My Sites <span class="caret"></span> 
      </a> &nbsp; 
      <ul class="dropdown-menu" id="arSiteList" style="overflow: scroll;"> 
       <li><a href='#'><b>Select a site</b></a></li> 
       <li class="divider"></li> 
      </ul> 
     </div> 
    </div> 
</div>

下拉仍然打开，但是当项目的列表太长，这是不可能滚动查看。

如何在导航栏内进行滚动工作？

来源

2013-10-17 Adam

绝对做一个Jsfiddle或东西来演示问题。如果我们只能看到HTML，不要认为这是可以解决的。您是否在下拉菜单中使用CSS或JavaScript？ – codedude

检查菜单上现有“overflow：hidden;”的所有父元素财产在CSS

来源

2014-01-22 06:23:37 saxap

下拉菜单中溢出不工作时，自举导航栏里面

回答

相关问题