स्क्रॉल Dropup मेनू

Question

मेरे Dropup इस तरह दिखता है ->

<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> 

और मैं dropup-मेनू के रूप में पर सीएसएस का उपयोग कर रहा ->

overflow: scroll; 
max-height: 200px; 

लेकिन इसके लिए काम नहीं करता है मुझे। कोई अन्य समाधान?

अद्यतन ड्रॉपडाउन-मेनू- करने के लिए> इस CSS जोड़ने के बाद

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

मेरे लटकती-मेनू अब scrollable- बिना की तरह दिखता है>

Answer 1

में अपने सबसे बाहरी div शैली विशेषता

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

यह मेरे लिए काम किया में इस जोड़ें।

Answer 2

प्रदर्शन के अपने दृष्टिकोण

इंस्टेंट बदला जाना चाहिए 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> 

उपयोग

<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> 

तो लागू

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