kaydırılabilir Dropup Menüsü

Question

Benim Dropup şöyle ->

<div class="dropup"> 
    <button class="btn btn-primary btn-raised dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
               {{selectList.selectedListItem}} 
     <div class="ripple-container"></div> 
    </button> 
    <div class="dropdown-menu"> 
     <a class="dropdown-item" ng-repeat="list in roleList" href="#" ng-value="list.role" name="{{list.role}}" ng-click="update(list.role, list._id)" id="{{list.role}}" ng-model="selectList" name="selectedList">{{list.role}}</a> 
    </div> 
</div> 

Ve ben dropup-menüsünde CSS kullanıyorum - Ama parasını çalışmıyor>

overflow: scroll; 
max-height: 200px; 

ben mi. Başka herhangi bir çözüm?

Güncelleme >-menu- açılır listesinden bu Css Ekleme sonra

overflow: scroll; 
max-height: 200px !important; 

Benim açılır menü şimdi> scrollable- olmadan nasıl ekranın

Answer 1

uygulamak sizin dış En div style özniteliği Bu benim için çalıştı

<div class="dropdown-menu" style="height: 200px;overflow: auto;"> 

bu ekleyin.

Answer 2

Kişisel yaklaşım görünüyor

inst değiştirilmelidir ead

<div class="dropdown-menu"> 
     <a class="dropdown-item" ng-repeat="list in roleList" href="#" ng-value="list.role" name="{{list.role}}" ng-click="update(list.role, list._id)" id="{{list.role}}" ng-model="selectList" name="selectedList">{{list.role}}</a> 
    </div> 

kullanım

<ul class="dropdown-menu scrollable-dropUp"> 
    <li><a class="dropdown-item" ng-repeat="list in roleList" href="#" ng-value="list.role" name="{{list.role}}" ng-click="update(list.role, list._id)" id="{{list.role}}" ng-model="selectList" name="selectedList">{{list.role}}</a></li> 
<ul> 

sonra ise

.scrollable-dropUp{ 
    overflow: scroll;  /*overflow-x and overflow-y*/ 
    max-height: 200px !important; 
}