源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部