欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

模态框(modal)自动居中

程序员文章站 2022-07-02 17:12:47
// modal对用户可见 $('.modal').on('shown.bs.modal', function () { modalOnResize(this); }) // 浏览器窗口大小改变事件 window.onresize = function(){ // 已显示modal var node ......
// modal对用户可见
$('.modal').on('shown.bs.modal', function () {
    modalOnResize(this);
})

// 浏览器窗口大小改变事件
window.onresize = function(){
    // 已显示modal
    var node = $(".modal:visible");
    if (node.length) {
        modalOnResize(node);
    }
}

function modalOnResize(node){
    var modalHeight = ($(window).height() - $(node).find('.modal-dialog').height()) / 2;
    $(node).find('.modal-dialog').css('margin-top', modalHeight);
}