bootstarp modal框居中显示的实现代码
更新时间:2017年02月18日 11:39:01 作者:安瑶
这篇文章主要介绍了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. 需要的东西每次都要查一遍太麻烦了。以后注意整理。
以上所述是小编给大家介绍的bootstarp modal框居中显示的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
相关文章
网络之美 JavaScript中Get和Set访问器的实现代码
前两天IE9 Beta版发布了,对于从事Web开发的朋友们来说真是个好消息啊,希望将来有一天各个浏览器都能遵循统一的标准。今天要和大家分享的是JavaScript中的Get和Set访问器,和C#中的访问器非常相似。2010-09-09js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
这篇文章主要介绍了js实现iframe框架取值的方法,可兼容IE,firefox,chrome等浏览器.涉及JavaScript针对框架元素取值的相关技巧,需要的朋友可以参考下2015-11-11JavaScript使用readAsDataURL读取图像文件
这篇文章主要为大家详细介绍了JavaScript使用readAsDataURL读取图像文件的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-05-05
最新评论