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 相关文章推荐
基于JQuery的密码强度验证代码
Mar 01 Javascript
关于JavaScript的面向对象和继承有利新手学习
Jan 11 Javascript
Ajax异步提交表单数据的说明及方法实例
Jun 22 Javascript
简单谈谈node.js 版本控制 nvm和 n
Oct 15 Javascript
原生JavaScript实现异步多文件上传
Dec 02 Javascript
GitHub上一些实用的JavaScript的文件压缩解压缩库推荐
Mar 13 Javascript
jQuery过滤特殊字符及JS字符串转为数字
May 26 Javascript
Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容
Jun 17 Javascript
input输入框内容实时监测(附代码)
Aug 15 Javascript
vue项目中公用footer组件底部位置的适配问题
May 10 Javascript
解决LayUI数据表格复选框不居中显示的问题
Sep 25 Javascript
vue修饰符.capture和.self的区别
Apr 22 Vue.js
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 登录记住密码实现思路
2013/05/07 PHP
使用ob系列函数实现PHP网站页面静态化
2014/08/13 PHP
fsockopen pfsockopen函数被禁用,SMTP发送邮件不正常的解决方法
2015/09/20 PHP
PHP时间类完整实例(非常实用)
2015/12/25 PHP
如何使用微信公众平台开发模式实现多客服
2016/01/06 PHP
javascript笔试题目附答案@20081025_jb51.net
2008/10/26 Javascript
JavaScript类和继承 prototype属性
2010/09/03 Javascript
javascript 伪数组实现方法
2010/10/11 Javascript
jquery+html5时钟特效代码分享(可设置闹钟并且语音提醒)
2020/03/30 Javascript
JavaScript中函数声明与函数表达式的区别详解
2016/08/18 Javascript
sea.js常用的api简易文档
2016/11/15 Javascript
整理关于Bootstrap警示框的慕课笔记
2017/03/29 Javascript
Node.js对MongoDB数据库实现模糊查询的方法
2017/05/03 Javascript
详解React中的组件通信问题
2017/07/31 Javascript
AngularJS实现的生成随机数与猜数字大小功能示例
2017/12/25 Javascript
webpack构建的详细流程探底
2018/01/08 Javascript
vux uploader 图片上传组件的安装使用方法
2018/05/15 Javascript
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
2019/03/06 jQuery
如何进行微信公众号开发的本地调试的方法
2019/06/16 Javascript
JavaScript监听键盘事件代码实现
2020/06/03 Javascript
Python中使用第三方库xlutils来追加写入Excel文件示例
2015/04/05 Python
python/sympy求解矩阵方程的方法
2018/11/08 Python
Python实现猜年龄游戏代码实例
2020/03/25 Python
解决jupyter notebook显示不全出现框框或者乱码问题
2020/04/09 Python
如何避免常见的6种HTML5错误用法
2017/11/06 HTML / CSS
SKECHERS斯凯奇中国官网:来自美国的运动休闲品牌
2018/11/14 全球购物
navabi英国:设计师大码女装
2019/06/25 全球购物
幼儿教师自我鉴定
2013/11/02 职场文书
税务专业毕业生自荐信
2013/11/10 职场文书
董事长助理工作职责
2014/06/08 职场文书
2016年春节慰问信息
2015/03/25 职场文书
2015年文明创建工作总结
2015/04/30 职场文书
《惊弓之鸟》教学反思
2016/02/20 职场文书
2016年第十四个公民道德宣传日活动总
2016/04/01 职场文书
java中用float时,数字后面加f,这样是为什么你知道吗
2021/09/04 Java/Android
windows server2008 开启端口的实现方法
2022/06/25 Servers