模态框(modal)自动居中

来源:http://www.prospettivedarte.com 作者:计算机教程 人气:113 发布时间:2019-05-10
摘要:// modal对用户可见$('.modal').on('shown.bs.modal', function () { modalOnResize(this);})// 浏览器窗口大小改变事件window.onresize = function(){ // 已显示modal var node = $(".modal:visible"); if (node.length) { modalOnResize
// 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);
}

本文由皇牌天下投注网发布于计算机教程,转载请注明出处:模态框(modal)自动居中

关键词:

上一篇:JS isArray、typeof、instanceof

下一篇:没有了

最火资讯