正确的方法来增加bootstrap模态的高度

Question

我试图找到一个解决方法来增加我的bootstrap模式的高度.我确实在模态体中尝试了最大的修复方式,但是如果它变得过大则只会切断我的模态.我试图找到一种方法使它像modal工作在pinterest上一样工作.

当模态打开时,我已经禁用了主页面主体滚动.但是我在调​​整尺寸方面遇到了麻烦.

有没有人为此做过任何工作？

我尝试将高度添加到我的模态(高度:95%;)和modal_body(最大高度:75%;),内容溢出父div(模态)

我附上了截图来演示相同的内容

更新

我最终用pintrest类型的属性制作了自己的模态.这个问题帮了我很多

Answer 1

尝试使用此js来计算模态高度:

$(document).ready(function() {
    $(".showcomments").click(function() {
        $('#myModal').modal('show');
        rescale();
    });
    $("[rel=tooltip]").tooltip();
});
function rescale(){
    var size = {width: $(window).width() , height: $(window).height() }
    /*CALCULATE SIZE*/
    var offset = 20;
    var offsetBody = 150;
    $('#myModal').css('height', size.height - offset );
    $('.modal-body').css('height', size.height - (offset + offsetBody));
    $('#myModal').css('top', 0);
}
$(window).bind("resize", rescale);

测试: http ://jsfiddle.net/fUZxA/23/