新人报到,求大侠解答modal模态框怎样垂直居中啊?

已邀请:

Pluto - 半调子前端攻城师

赞同来自:

如果要垂直居中,第一种方法是用js计算出来,第二种办法是用CSS,但是必须要定高,类似于左右居中那样,top:50%,margin-top:-apx ,a就是高度的一半

tokenchen

赞同来自:

可是还有一个问题,谷歌浏览器 top:50% 生效该怎样解决呢?

li3083

赞同来自:

$("[data-toggle='modal']").click(function(){
var _target = $(this).attr('data-target')
t=setTimeout(function () {
var _modal = $(_target).find(".modal-dialog")
_modal.animate({'margin-top': parseInt(($(window).height() - _modal.height())/2)}, 300 )
},200)
})

加上这个就OK了

要回复问题请先登录注册