2015-05-05 51 views
0

如何添加滾動條到我的過濾子菜單?我在這份名單中有近100件物品。請找到plunker。以下是我的子菜單代碼,需要添加滾動條到子菜單項

<li class="dropdown-submenu"><a href>Filter Sub Menu</a> 
    <ul class="dropdown-menu"> 
     <li ng-repeat="filt in savedFilterList "> <a href> {{filt.filter_name}}</a> </li> 
    </ul> 
</li> 
+1

只是使用CSS?當容器內的數據溢出時,滾動條會出現。如果你總是想展示它,你也可以這樣做。 http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow – trainoasis

回答

1

這是關於css。

你只要把這樣的事情

.dropdown-submenu{ 
    overflow-y : scroll; 
} 

或者你也可以使用,如果需要的汽車會告訴你只有滾動條。但要這樣做,你必須用它來設置一個尺寸。

+0

仍然沒有解決問題。相反,它也打破了子菜單的外觀。請找到我更新的plunker http://plnkr.co/edit/4fiJyhDXrXY60xvOlw4P?p=preview。 – smart987

+0

是的我的壞,我的例子不聰明。我的名字是腦子,不是在子菜單上,而是在菜單上。它是'.dropdown-submenu> .dropdown-menu'更準確。我在這裏用自動滾動來完成它:http://plnkr.co/edit/R7AvOcAFAieRebEgzPRf?p=preview –