bootstarp modal框居中显示的实现代码
作者:安瑶 时间:2024-04-22 13:04:02
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框居中显示的实现代码网站的支持!
来源:http://blog.csdn.net/u012439977/article/details/55654414
标签:bootstrap,modal,居中
0
投稿
猜你喜欢
用户研究角度看设计(2):用户为何视若无睹
2009-01-09 12:51:00
python io.BytesIO简介及示例代码
2021-04-25 04:52:31
JS异步宏队列微队列原理详解
2024-04-22 13:26:43
javascript框架设计之框架分类及主要功能
2024-04-18 09:33:40
19个MySQL性能优化要点解析
2024-01-18 16:03:14
mysql中coalesce()的使用技巧小结
2024-01-23 18:27:56
python私有属性和方法实例分析
2023-11-21 06:16:13
JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
2024-05-11 09:07:16
Python利用pythonping处理ping的示例详解
2023-08-12 00:28:45
pytorch forward两个参数实例
2022-09-05 09:54:34
Pycharm 使用 Pipenv 新建的虚拟环境(图文详解)
2023-12-08 18:55:11
Jquery对数组的操作技巧整理
2024-04-22 22:32:52
Python中的文件和目录操作实现代码
2022-08-30 15:12:11
python使用代理ip访问网站的实例
2022-02-08 08:16:36
Python-OpenCV深度学习入门示例详解
2022-07-24 02:44:24
Python简单实现安全开关文件的两种方式
2022-09-15 01:54:38
最具创意的广告牌全集
2007-09-21 19:54:00
Django基础三之视图函数的使用方法
2022-12-14 07:23:41
安装2019Pycharm最新版本的教程详解
2023-06-25 23:27:54
keras 模型参数,模型保存,中间结果输出操作
2023-06-05 09:52:33