当前位置：首页 > 资讯 > 技术文档

bootstarp modal框居中显示的实现代码

时间：2021-10-21 16:30 编辑：来源：阅读：
扫一扫，手机访问

摘要：bootstarp modal框居中显示的实现代码

bootstrap.js的大概1154行：

this.$element.css({
   paddingLeft: !this.bodyIsOverflowing && modalIsOverflowing ? this.scrollbarWidth : '',
   paddingRight: this.bodyIsOverflowing && !modalIsOverflowing ? this.scrollbarWidth : ''
})

后加：

 // 是弹出框居中
  var $modal_dialog = $(this.$element[0]).find('.modal-dialog');
  var m_top = ( $(window).height() - $modal_dialog.height() )/2;
  $modal_dialog.css({'margin': m_top + 'px auto'});
 }

P.S. 需要的东西每次都要查一遍太麻烦了。以后注意整理。 [img]http://files.jb51.net/file_images/article/201702/2017218113737808.png?2017118113748[/img] 以上所述是小编给大家介绍的bootstarp modal框居中显示的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持！

全部评论(0)

上一篇：javascript 也来玩玩图片预加载
下一篇：多浏览器兼容的右下角广告代码（已测）

资讯排行榜
更多>>