Twitter BootstrapのDropDownメニュー(これ↓)
DropDownメニュー内の項目が画面一杯になると、デフォルトではスクロールができないので画面に隠れたメニューがクリックできなくなる。
そういうときは下記を追加し
1 2 3 4 5 |
.scrollable-menu { height: auto; max-height: 500px; overflow-x: hidden; } |
下記のようにスクロールさせたいDropDownメニューにクラスを追加すればOK.
1 2 3 4 5 6 7 8 9 10 |
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Projects <b class="caret"></b></a> <ul class="dropdown-menu scrollable-menu"> <li><a href="#">Separated link</a></li> <li><a href="#">Separated link</a></li> <li><a href="#">Separated link</a></li> <li><a href="#">Separated link</a></li> <li><a href="#">Separated link</a></li> </ul> </li> |
以上。