固定された高さのLIアイテムをスクロールする方法UL？

Question

ここに私の例のHTMLがあります。

そして私は自分のLIアイテムのためにスクロールしたいです。

2つのレベルです。私はすべてのULにクラスを適用したいと思います。

どうすればいいですか？ JQueryまたはCSSの微調整を使用して。

PS：これはexampleを使用しています。

<ul id="nav" class="dropdown"> 
<li class="dir"> 
    Item_Root 
    <ul> 
     <li class="dir"> 
      Item_1_Level 
      <ul> 
       <li>Item_Level_2</li> 
       <li>Item_Level_2</li> 
       <li>Item_Level_2</li> 
       <li>.... up to N items</li> 
      </ul> 
     </li> 
     <li>Item_Level_1</li> 
     <li>Item_Level_1</li> 
     <li>Item_Level_1</li> 
     <li>Item_Level_1</li> 
     <li>.... up to N items</li> 
    </ul> 
</li> 

</ul> 

Answer 1

、と私は（あなたのタイトルは本当にあなたがにリンクされている例と一致していません）あなたの質問の意図を作ることができる最高の推測では、私はこの思い付いた：

#nav { 
    width: 12em; 
    height: 20em; 
    line-height: 2em; 
    border: 1px solid #ccc; 
    padding: 0; 
    margin: 0; 
    overflow: scroll; 
    overflow-x: hidden; 
} 

li { 
    border-top: 1px solid #ccc; 
} 

ul ul { 
    text-indent: 1em; 
} 

ul ul ul { 
    text-indent: 2em; 
} 

JS Fiddle Demo。

Answer 2

主なアイデアは、スクロールバーがいくつか必要になりますので、たぶん、あなたはまた、ULの幅を微調整する必要がありますULリストのための固定の高さを設定し、

overflow: scroll; 

を追加することです余分なスペース。あなたの投稿をマークアップして