jquery ui accordian scrollbar

Question

У меня есть аккордеон jqueryUI, который отлично выглядит. У меня будет около 10 секций (заголовков), которые будут просто помещаться на экране. Однако на меньшем экране он отключит некоторые из моих заголовков разделов. (Я уже смогу имитировать это, сократив окно браузера). Как я могу создать полосу прокрутки, если заголовки аккордеона не подходят по вертикали?

Аккордеон завернут в div без параметров. Это как если бы потребность в высоте MIN для div, чтобы гарантировать, что все заголовки могут появиться, с некоторой комнатой для содержимого раздела.

Мой полный код выглядит следующим образом:

<script> 
    $(function() { 
    $("#settingsnavigation").accordion({ 
     heightStyle: "fill", 
     clearStyle: true, 
     autoHeight: false } 
    ); 
    }); 
    </script> 

<div id="settingsnavigation" style="width:220px"> 
    <h3>General</h3> 
    <div> 
     <div class="settingsubsection">User</div> 
     <div class="settingsubsection">Security</div> 
     <div class="settingsubsection">Units &amp; Ranges</div> 
     <div class="settingsubsection">Notifications</div> 
     <div class="settingsubsection">Vehicles</div> 
     <div class="settingsubsection">Device</div> 
    </div> 
    <h3>Financial</h3> 
    <div> 
     <div class="settingsubsection">Balance</div> 
     <div class="settingsubsection">History</div> 
     <div class="settingsubsection">Purchase</div> 
    </div> 
    <h3>Vehicle: Cadillac Seville STS</h3> 
    <div> 
     <div class="settingsubsection">General</div> 
     <div class="settingsubsection">Units &amp; Ranges</div> 
     <div class="settingsubsection">Select Reminders</div> 
     <div class="settingsubsection">Edit Reminders</div> 
    </div> 
</div> 

Answer 1

CSS для контейнера DIV должен быть

overflow: auto;