将ui-bootstrap模态限制为窗口高度

时间:2015-11-10 22:14:56

标签: modal-dialog angular-ui-bootstrap

如何阻止长模式进入下方?我希望模态可以强制显示,并始终显示提交取消按钮。有没有一种简单的方法可以使用ui-bootstrap实现这一目标?

1 个答案:

答案 0 :(得分:0)

这是我用于此

的CSS
.modal-dialog {
    height:calc(100% - 60px);
}
    .modal-dialog .modal-content {
        height: 100%;
    }
        .modal-dialog .modal-content .modal-body {
            height: calc(100% - 120px);
            overflow-y:scroll;
        }

http://caniuse.com/#feat=calc