美文网首页
bootstrap 模态框 垂直居中

bootstrap 模态框 垂直居中

作者: blue_angel | 来源:发表于2017-06-21 10:37 被阅读0次

//模态框垂直居中

function centerModals(){

$('.modal').each(function(i){

var $clone = $(this).clone().css('display', 'block').appendTo('body');

var top = Math.round(($clone.height() - $clone.find('.modal-content').height()) / 2);

top = top > 0 ? top : 0;

$clone.remove();

$(this).find('.modal-content').css("margin-top", top);

});

}

$('.modal').on('show.bs.modal', centerModals);

$(window).on('resize', centerModals);

相关文章

网友评论

      本文标题:bootstrap 模态框 垂直居中

      本文链接:https://www.haomeiwen.com/subject/hdpzqxtx.html