BootstrapのDropdownメニューをスクロールさせる。


Twitter BootstrapのDropDownメニュー(これ↓)

スクリーンショット 2014-03-09 23.37.50

DropDownメニュー内の項目が画面一杯になると、デフォルトではスクロールができないので画面に隠れたメニューがクリックできなくなる。

そういうときは下記を追加し

.scrollable-menu {
                height: auto;
                max-height: 500px;
                overflow-x: hidden;
}

下記のようにスクロールさせたいDropDownメニューにクラスを追加すればOK.


以上。


投稿者: しんじ

ベトナムでオフショア開発会社経営中 www.bit-vietnam.com 。サービス開発が趣味。web系は主にPHPで、スマホアプリはswiftで。最近はエンジニア向けの英語勉強webアプリ エングリッシュ e-lish.io を作りました。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)