博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
bootstrap弹窗居中处理
阅读量:6495 次
发布时间:2019-06-24

本文共 581 字,大约阅读时间需要 1 分钟。

1.第一种是修改bootstrap.js中的Modal.prototype.show 方法中添加以下一段代码,这种方式模态框出现的很平滑,bug暂未出现

/*模态框居中*/

var $dialog=that.$element.find("div.modal-dialog"),
top=(document.documentElement.clientHeight-$dialog.height())/2;
$dialog.css({"margin":+top+"px auto"});
/*---------*/

 

2.第二种是在模态框出现之后,在出现弹窗后加入以下方法

$('#addModal').on('shown.bs.modal', function(){

  var $this = $(this);
  var $modal_dialog = $this.find('.modal-dialog');
  var m_top = ( $(window).height() - $modal_dialog.height() )/2;
$modal_dialog.css({'margin': m_top + 'px auto'});
});

 

转载于:https://www.cnblogs.com/jiangze-blog/p/8118887.html

你可能感兴趣的文章
FatTree胖树拓扑结构
查看>>
Kafka深度解析
查看>>
unsigned 后面不跟类型的情况
查看>>
fio硬盘压力测试
查看>>
信号处理——卷积(convolution)的实现
查看>>
多线程同步(循环50 基础加深版)
查看>>
Black and White
查看>>
静态变量和实例变量的区别
查看>>
晨跑【最小费用最大流】
查看>>
景点中心 C组模拟赛
查看>>
iOS国际化(多语言设置)
查看>>
bzoj 2733 平衡树启发式合并
查看>>
sublime简书安装配置
查看>>
爱上MVC~Web.Config的Debug和Release版本介绍
查看>>
【转】那些年我们一起清除过的浮动
查看>>
python__高级 : 动态添加 对象属性, 类属性, 对象实例方法, 类静态方法, 类方法...
查看>>
【每天一道算法题】时间复杂度为O(n)的排序
查看>>
NLog的介绍使用
查看>>
Haproxy+Rabbitmq中的问题
查看>>
字符串变量小议
查看>>