Paranoia_ZK

做好当下的事情

调整模态框居中

/* 调整模态框居中 */
/**
* 使页面中所有.modal元素在窗口可视范围之内居中
**/
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 > 50 ? top : 0;
    $clone.remove();
    $(this).find('.modal-content').css("margin-top", top-50);
  });
}
// 在模态框出现的时候调用垂直居中函数
$('.modal').on('show.bs.modal', centerModals);
// 在窗口大小改变的时候调用垂直居中函数
$(window).on('resize', centerModals);
阅读更多

扫码向博主提问

去开通我的Chat快问

paranoia_zk

非学,无以致疑;非问,无以广识
  • 擅长领域:
  • 微服务
  • 多线程
  • 后端
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Paranoia_ZK/article/details/53993679
个人分类: 【前端】
上一篇MySQL配置文件详解
下一篇spring中@param和mybatis中@param使用区别
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭