サブメニューをスクロール可能にする方法

Question

非常に長いサブメニューと少なくとも1つのサブメニューがあります。それはデスクトップとモバイルではうまく見えますが、私はこれらのサブメニューをスクロール可能にして、あまり長くないようにしたり、人を圧倒したりしたいと思います。

私はまだJavaScriptにはいないので、簡単なCSSトリックが必要です。私はここに配置されているに来て最も近い：

Scrolling Submenus

が、それはすべてを房のみ最後のメニュー項目が表示されます。私はそれを長くしようとしましたが、何も動作していないようです。

CSS：

.navbar-inverse .dropdown-menu > li > a { 
    width: 185px; 
    height: 400px; 
    overflow-x: hidden; 
    overflow-y: scroll; 
    z-index: 1000 !important; 
    position: fixed !important; 
} 

任意の提案ですか？縦にスクロール可能なdiv要素を持っているために、

partyfavorz.com

Answer 1

は自分のリストとオーバーフロー-Yまでの高さを設定したリンク上の例を見ることができます：

.dropdown-menu { 
    height: 500px; // change it as you like 
    overflow-y: auto; 
} 

Answer 2

、あなたがスクロールされているdiv要素よりも小さい高さの親を持っている必要があります。

.parent { 
    height: 300px; 
    width: 300px; 
    overflow-y: auto; 
} 

.scrollable { 
    height: 600px; 
    width: 300px; 
    background: gray; 
} 

あなたはhttps://jsfiddle.net/sebdum/npz8u6x2/1/