Bootstrap modal 模态框垂直居中显示补丁

<script>
    $.fn.modal.Constructor.prototype.adjustDialog1 = function(){

        var modalIsOverflowing = this.$element[0].scrollHeight > document.documentElement.clientHeight;
        this.$element.css({
            paddingLeft:  !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '',
            paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : ''
        });

        /**设置弹出框垂直居中start**/
        var $modal_dialog = $(this.$element[0]).find('.modal-dialog');
        // 获取可视窗口的高度
        // var clientHeight = (document.body.clientHeight > document.documentElement.clientHeight) ? document.body.clientHeight: document.documentElement.clientHeight;
        // 得到dialog的高度
        var dialogHeight = $modal_dialog.height();
        //计算出距离顶部的高度
        var m_top = (document.documentElement.clientHeight - dialogHeight)/2;
        $modal_dialog.css({'margin':m_top + 'px auto'});
        /**设置弹出框垂直居中end**/
    }
</script>

红色部分为我们的处理逻辑，绿色部分为Bootstrap原生的处理函数，直接拷贝：

Modal.prototype.adjustDialog = function () {
    var modalIsOverflowing = this.$element[0].scrollHeight > document.documentElement.clientHeight
    this.$element.css({
        paddingLeft:  !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '',
        paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : ''
    })
}

via：https://blog.csdn.net/yucaifu1989/article/details/51425424