1. 程式人生 > >模態框(modal)自動居中

模態框(modal)自動居中

light gin 自動 this blog div gpo asc dal

// 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)自動居中