下拉引導不顯示多達

我使用引導下面的代碼的滾動條：下拉引導不顯示多達

<div ng-controller="DropdownCtrl"> 
     <div style="height: 100px; overflow-y: auto;"> 


      <!-- Single button --> 
      <div class="btn-group" dropdown is-open="status.isopen"> 
       <button type="button" class="btn btn-primary dropdown-toggle" ng-disabled="disabled"> 
        Button dropdown <span class="caret"></span> 
       </button> 
       <ul class="dropdown-menu" role="menu"> 
        <li><a href="#">Action</a> 
        </li> 
        <li><a href="#">Another action</a> 
        </li> 
        <li><a href="#">Something else here</a> 
        </li> 
        <li class="divider"></li> 
        <li><a href="#">Separated link</a> 
        </li> 
       </ul> 
      </div> 
     </div> 
    </div>

http://plnkr.co/edit/DwQIi6ipDgN9LIOe5TqR?p=preview

當我點擊下拉菜單，它顯示滾動條下，我怎麼能使其顯示在滾動條的頂部？

這是我的問題截圖： enter image description here

我要做到以下幾點：（編輯） enter image description here

感謝

來源

2014-07-09 Ramzy Abourafeh

任何人都可以幫忙嗎？ –

-1

你的意思是你想要的下拉菜單中去了？如果是這樣的檢查在這裏：http://getbootstrap.com/components/#btn-dropdowns-dropup

好還是不知道你的意思，但我想，也許嘗試，在你的代碼就行：14

<div style="height: 100px; overflow-y: auto;">

的100px的高度和溢出導致滾動條出現刪除那些。

來源

2014-07-09 13:17:45 Bosc

不，請查看截圖（編輯）我想要做什麼。 –

我想離開div的高度！ –

-1

線14具有下面的代碼：

<div style="height: 100px; overflow-y: auto;">

然而，這限制了你下拉到只有100px的高度。有趣的是，這是在第二行文本之後。

要修復，請刪除樣式的高度和溢出部分。在這種情況下，你可以有一個單一的<div>

來源

2014-07-09 14:25:20 ajdigregorio

我想離開div的高度！ –

@RamzyAbourafeh好的，那麼你的下拉不會超過100px：P。 – ajdigregorio

沒有人，我添加了我的項目截圖，請看我的問題 –

如果你還在尋找一個答案，你可以嘗試

<div style="width:200px;height:100px;line-height:3em;overflow:auto;padding:5px;">

這將滾動條移動到下拉的側面，而不是側面

對於在滾動條下進行下拉操作的問題，您需要更改方框打開的方式，在引導程序中它的位置設置爲絕對值，並且左邊爲0;您需要將此更改爲正確的值：0;

.dropdown-menu { 
    position: absolute; 
    top: 100%; 
    left: 0; <--- change this to right:0; 
    z-index: 1000; 
    display: none; 
    float: left; 
    min-width: 160px; 
    padding: 5px 0; 
    margin: 2px 0 0; 
    list-style: none; 
    font-size: 14px; 
    background-color: #fff; 
    border: 1px solid #ccc; 
    border: 1px solid rgba(0,0,0,.15); 
    border-radius: 4px; 
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); 
    box-shadow: 0 6px 12px rgba(0,0,0,.175); 
    background-clip: padding-box; 
}

來源

2014-07-18 13:54:49 Bosc

下拉引導不顯示多達

回答

相關問題