bootstarp modal框居中显示的实现代码
时间:2021-03-16 10:22:10|栏目:JavaScript代码|点击: 次
bootstrap.js的大概1154行:
this.$element.css({
paddingLeft: !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '',
paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : ''
})
后加:
// 是弹出框居中
var $modal_dialog = $(this.$element[0]).find('.modal-dialog');
var m_top = ( $(window).height() - $modal_dialog.height() )/2;
$modal_dialog.css({'margin': m_top + 'px auto'});
}
P.S. 需要的东西每次都要查一遍太麻烦了。以后注意整理。

栏 目:JavaScript代码
下一篇:js格式化输入框内金额、银行卡号
本文标题:bootstarp modal框居中显示的实现代码
本文地址:http://www.codeinn.net/misctech/81951.html






