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


Posted in Javascript onFebruary 18, 2017

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框居中显示的实现代码

以上所述是小编给大家介绍的bootstarp modal框居中显示的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Prototype中dom对象方法汇总
Sep 17 Javascript
加载jQuery后$冲突的解决办法
Jul 09 Javascript
flexigrid 参数说明
Nov 23 Javascript
dojo学习第一天 Tab选项卡 实现
Aug 28 Javascript
Jquery实现图片左右自动滚动示例
Sep 25 Javascript
js四舍五入数学函数round使用实例
May 09 Javascript
JQuery判断checkbox是否选中及其它复选框操作方法合集
Jun 01 Javascript
JavaScript中setUTCFullYear()方法的使用简介
Jun 12 Javascript
jQuery插件Timelinr 实现时间轴特效
Oct 04 Javascript
jQuery实现带延时功能的水平多级菜单效果【附demo源码下载】
Sep 21 Javascript
Vue.js第三天学习笔记(计算属性computed)
Dec 01 Javascript
Vue2.0学习之详解Vue 组件及父子组件通信
Dec 12 Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
Feb 18 #Javascript
JS表单数据验证的正则表达式(常用)
Feb 18 #Javascript
JavaScript实现的鼠标响应颜色渐变效果完整实例
Feb 18 #Javascript
JS设置时间无效问题的解决办法
Feb 18 #Javascript
js的OOP继承实现(必看篇)
Feb 18 #Javascript
jQuery仿IOS弹出框插件
Feb 18 #Javascript
js实现做通讯录的索引滑动显示效果和滑动显示锚点效果
Feb 18 #Javascript
You might like
php实现httpclient类示例
2014/04/08 PHP
Linux系统中设置多版本PHP共存配合Nginx服务器使用
2015/12/21 PHP
Yii2 GridView实现列表页直接修改数据的方法
2016/05/16 PHP
Ubuntu中支持PHP5与PHP7双版本的简单实现
2018/08/19 PHP
PHP如何实现阿里云短信sdk灵活应用在项目中的方法
2019/06/14 PHP
PHP fopen中文文件名乱码问题解决方案
2020/10/28 PHP
php如何实现数据库的备份和恢复
2020/11/30 PHP
javascript编程起步(第五课)
2007/02/27 Javascript
用jQuery实现检测浏览器及版本的脚本代码
2008/01/22 Javascript
JQuery 无废话系列教程(二) jquery实战篇上
2009/06/23 Javascript
javascript 设置某DIV区域内的checkbox复选框
2009/11/30 Javascript
Jquery中val()表单取值赋值的实例代码
2013/08/15 Javascript
jquery $.fn $.fx是什么意思有什么用
2013/11/04 Javascript
自己实现ajax封装示例分享
2014/04/01 Javascript
使用delegate方法为一个tr标签加一个链接
2014/06/27 Javascript
jquery仿百度经验滑动切换浏览效果
2015/04/14 Javascript
如何检测JavaScript的各种类型
2016/07/30 Javascript
nodejs简单读写excel内容的方法示例
2018/03/16 NodeJs
Vue动态控制input的disabled属性的方法
2018/06/26 Javascript
详解vue在项目中使用百度地图
2019/03/26 Javascript
axios如何取消重复无用的请求详解
2019/12/15 Javascript
Element中Slider滑块的具体使用
2020/07/29 Javascript
[43:58]DOTA2-DPC中国联赛定级赛 LBZS vs SAG BO3第一场 1月8日
2021/03/11 DOTA
Python collections模块实例讲解
2014/04/07 Python
python threading模块操作多线程介绍
2015/04/08 Python
使用python判断你是青少年还是老年人
2018/11/29 Python
django 数据库连接模块解析及简单长连接改造方法
2019/08/29 Python
python 生成器需注意的小问题
2020/09/29 Python
Pycharm创建python文件自动添加日期作者等信息(步骤详解)
2021/02/03 Python
情人节活动策划方案
2014/02/27 职场文书
社团活动总结模板
2014/06/30 职场文书
2014年音乐教师工作总结
2014/12/03 职场文书
幼儿园开学家长寄语(2016秋季)
2015/12/03 职场文书
趣味运动会口号
2015/12/24 职场文书
优秀范文:读《红岩》有感3篇
2019/10/14 职场文书
pandas数值排序的实现实例
2021/07/25 Python