当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 模态框（modal）自动居中

模态框（modal）自动居中

2018年01月28日  | 移动技术网IT编程  | 我要评论 
// 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);
}

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网