2014-02-11 4 views
0

Я получаю ползунок рядом с моим модальным, как это:Почему у меня есть слайдер с модальным?

this

Мой код для модального:

div#myModal.modal.fade.col-md-8.col-md-offset-2(tabindex="-1", role="dialog", aria-labelledby="myModalLabel" aria-hidden="true") 
    div.modal-content 
     div.modal-body 
      p Modal body content. 
     div.modal-footer 
      button.btn.btn-default(type="button", data-dismiss="modal") Close 

И я призываю модальный из javascript:

$('#joinBtn').click(function(event) { 
     $('#myModal').modal({ 
     show: true 
    }) 
}); 
+1

Вы должны добавить 'переполнения: hidden' к содержащему элементу – koosa

+0

Что вы имеете в виду, что содержит элемент? Потому что я добавил в div '# myModal', и он не работает. – Pio

ответ

1

Вы должны иметь возможность добавить

div#myModal.modal.fade.col-md-8.col-md-offset-2(tabindex="-1", role="dialog", aria-labelledby="myModalLabel" aria-hidden="true" style="overflow-y: auto;") 

или в CSS можно добавить:

.modal { 
    overflow-y: auto; 
} 
+0

Ель по какой-то причине изменение css не работает, но явно определяет стиль 'style'. – Pio

+0

@Pio может попробовать сделать это на id? Поэтому '#myModal { overflow-y: auto; } ' – Thunda

+0

Это почти то же самое, что и указание явно. Я имею в виду, что он будет действовать только на этом конкретном модальном уровне. Но это нормально. – Pio

Смежные вопросы