下拉菜單中溢出不工作時，自舉導航欄裏面

我有這個下拉菜單偉大的工程：下拉菜單中溢出不工作時，自舉導航欄裏面

<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

下拉菜單中溢出不工作時，自舉導航欄裏面

回答

相關問題