прокручивать диалоговое окно в JQuery

Question

я пытаюсь повторить «DEMO 3» на этой странице:

http://www.mudaimemo.com/p/simpledialog/

он прекрасно работает за исключением того, что я пополняя список флажок динамически и иногда я больше флажков, чем приступе на странице. есть все равно, чтобы сделать эту прокручиваемую так, чтобы был максимальный размер, поскольку прямо сейчас он просто уходит с экрана.

EDIT: Когда я пытаюсь добавить высоту в javascript, поле подходит к правильной высоте, но флажки продолжают падать по странице. как я могу хранить флажки в контейнере и иметь вертикальную полосу прокрутки?

$(document).ready(function() { 
    $('#sdHc3').simpleDialog({ 
    showCloseLabel: false, 
     height: 400, 
     open: function() { 
      $('#checkboxStatus').html(''); 
     }, 
     close: function() { 
      var c = []; 
      $('#checkboxForm :checkbox:checked').each(function() { 
       c.push($(this).val()); 
      }); 
      $('#checkboxStatus').html('&nbsp;&nbsp;Checked <b>' + c.join(', ') + '</b>.').show(); 
     } 
    }); 

Answer 1

overflow: scroll;

в css для контейнера div, убедитесь, что вы установили высоту. Проблема заключается в том, что не все браузеры поддерживают максимальную высоту, поэтому ваш div всегда будет иметь тот же размер (до тех пор, пока вы не укажете каждый раз, когда вам нужна эта функция, другая высота)

В вашем файле css (в данном случае сделать это в файле CSS: jquery.simpledialog.0.1.css если вы не переименовать загруженный файл):

.sd_container{ 
font-family: arial,helvetica,sans-serif; 
margin:0; 
padding: 10px; 
position: absolute; 
background-color: #fff; 
border: solid 1px #ccc; 
text-align:center; 
**overflow: scroll;** 
} 

(без звезд OFC)

Answer 2

CSS:

#scrollableDiv 
{ 
    overflow: auto; 
    height: 549px;/* IE is dumb */ 
    max-height: 549px;/* Or the amount of pixels you want */ 
}