2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > bootstrap模态框(modal)垂直居中

bootstrap模态框(modal)垂直居中

时间:2021-01-01 18:54:18

相关推荐

bootstrap模态框(modal)垂直居中

相信modal垂直居中的问题,大家都百度、谷歌过,或者自己研究过。modal框默认是在屏幕上方左右居中显示,但是有的人偏偏去搞成上下左右都居中,大屏幕好像没问题,但是移动端就会导致modal框变形。所以,我推荐我的这个方法,感觉还不错,至少居中的时候不会变形。如有什么问题,欢迎提出批评。

第一步:打开bootstrap.js

第二步:定位到this.backdrop,在that.$element.show().scrollTop(0)随后添加代码,如红色矩形框代码所示:

代码如下:

if(that.$element.children().eq(0).height()<that.$element.height()){that.$element.children().eq(0).css({"margin-top":(that.$element.height()-that.$element.children().eq(0).height())/2+"px"})}

电脑端效果:

移动端效果:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。