码迷,mamicode.com
首页 > 其他好文 > 详细

模态框(modal)自动居中

时间:2018-01-27 15:27:13      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:als   length   div   window   body   fun   模态   margin   rip   

// modal对用户可见
$(‘.modal‘).on(‘shown.bs.modal‘, function () {
    modalOnResize(this);
})

// 浏览器窗口大小改变事件
window.onresize = function(){
    // 已显示modal
    var node = $(".modal:visible");
    if (node.length) {
        modalOnResize(node);
    }
}

function modalOnResize(node){
    var modalHeight = ($(window).height() - $(node).find(‘.modal-dialog‘).height()) / 2;
    $(node).find(‘.modal-dialog‘).css(‘margin-top‘, modalHeight);
}

模态框(modal)自动居中

标签:als   length   div   window   body   fun   模态   margin   rip   

原文地址:https://www.cnblogs.com/90909de0/p/8365647.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!