作者：宝一一0702 | 来源：互联网 | 2022-01-05 08:34
本文实例效果其实就是一个点击弹窗效果，供大家参考，具体内容如下
先上jquery代码
//模态框垂直居中
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 &＃63; top : 0;
$clone.remove();
$(this).find('.modal-content').css("margin-top",
top - 50);
});
}
$('.modal').on('show.bs.modal', centerModals);
$(window).on('resize', centerModals);
html代码
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
京公网安备 11010802041100号