Bootstrap modal body max height 100%

后端 未结 10 1765
梦如初夏
梦如初夏 2020-12-31 06:37

I have a custom sized (80% height width) bootstrap modal body and it scrolls (body content will overflow on some sized screens)

There are 2 problems:

  1. I
10条回答
  •  一整个雨季
    2020-12-31 07:29

    Pwnna's answer have good concept, bud doesn't work for me. Here is solution that work's for me:

    fit_modal_body = function (modal, padding) {
        var windowHeight = $(window).height();
        var modalHeight = modal.height();
    
        var dif = windowHeight - (modalHeight + 2*padding);
        var modalBody = $(".modal-body:first", modal);
        modalBody.css("max-height", modalBody.height() + dif);
    };
    
    resizeLastWindow = function () {
        fit_modal_body($(".modal-dialog:last"), 15);
    };
    
    $(window).resize(resizeLastWindow);
    

    It's depend's on css:

    .modal-body {
        overflow-y: auto; 
    }
    

提交回复
热议问题