Как прокручивать элементы LI с фиксированной высотой UL?

Вот мой пример HTML.

И я хочу иметь свиток для моих элементов LI.

Которые двухуровневые. Значит, я хочу применить класс к каждой UL.

Так как я могу это сделать? Используя настройку JQuery или CSS.

PS: Я использую этот пример .

<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>