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框居中显示的实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
本文主要介绍了浅谈async、defer以普通script加载的区别，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-05-05
本篇文章主要介绍了关于redux-saga中take使用方法详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-02-02
今天小编就为大家分享一篇layui 表格的属性的显示转换方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
模块系统是什么？简单来说，其实就是我们在一个文件里写代码，声明一些可以导出的字段，然后另一个文件可以将其导入并使用。今天我们来聊聊 JavaScript 的模块系统，感兴趣的可以了解一下2022-11-11
这篇文章主要介绍了一个js导致的jquery失效问题的解决方法，有需要的朋友可以参考一下2013-11-11
本文为大家详细介绍下使用js如何监听键盘事件，具体实现代码如下，感兴趣的朋友可以参考下，希望对大家有所帮助2013-07-07
本文主要介绍了js实现图片左右滚动效果的实例，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要为大家详细介绍了css+html+js实现五角星评分，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-09-09
这篇文章主要为大家详细介绍了js+canvas实现可自动吸附闭合的鼠标绘制多边形，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要为大家详细介绍了微信小程序自定义底部弹出框功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
最新评论