美文网首页
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