bootstrap 模态框 垂直居中

//模态框垂直居中

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 ? top : 0;

$clone.remove();

$(this).find('.modal-content').css("margin-top", top);

});

}

$('.modal').on('show.bs.modal', centerModals);

$(window).on('resize', centerModals);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,217评论 0 1
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,142评论 1 10
  • 七律,和友人残竹孤影《鹧鸪天》 韵华似曾为君留,年过花信如月羞。 女儿古来多剑客,纤巧修竹水悠悠。 峰岭峻冷秋风劲...
    仗剑天涯88阅读 268评论 0 0
  • 01 曾经说不要输在起跑线上,好不容易混到一个起跑线,但你试试看,外力不同哇。外话:(善假借外力,事倍功半。关键悲...
    赤落灵魂阅读 371评论 0 1
  • 今天晚上我九点了崔政飞想起自己还没有做一起作业。自己做了一会说不会做,让我帮帮他。我看了一会也没看明白就说,别做了...
    巭Pro阅读 237评论 0 0