关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)
更新时间：2016年12月14日 11:49:11 投稿：mrr
本文给大家介绍BootStrap modal 在IOS9中不能弹出的问题以及bootstrap datepicker 在bootstrap modal中不显示问题的解决方案，非常不错，需要的朋友参考下
最近的项目用的bootstrap前端，手机刚刚更新IOS9发现其中的modal有个bug，首页点弹出框会出现问题，找了好多资料终于找到解决办法。在CSS中加入以下代码
CSS
body {
padding-right: 0px !important
}
.modal-open {
overflow-y: auto;
}
PS:bootstrap datepicker 在bootstrap modal中不显示问题
可以通过在 input 输入框之外 嵌套 <span style="position: relative; z-index: 9999;"> 完美解决问题。
修改前：
<div class="input-group">
<input type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd" name="contract_date" id="contract_date" value="{{ 'now'|date('Y-m-d') }}">
<span class="input-group-addon"><i class="fa fa-calendar bigger-110"></i></span>
</div>
修改后:
<div class="input-group">
<span style="position: relative; z-index: 9999;">
<input type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd" name="contract_date" id="contract_date" value="{{ 'now'|date('Y-m-d') }}">
</span>
<span class="input-group-addon"><i class="fa fa-calendar bigger-110"></i></span>
</div>
以上所述是小编给大家介绍的关于BootStrap modal 在IOS9中不能弹出的解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了JavaScript ES6的函数拓展，2022-01-01
通常我们有一份webpack.dev.config.js使用webpack-dev-server的proxy，代理到开发服务器，来解决本地跨域问题。假如项目变大，可能需要proxy到不同环境，那么如何解决webpack-dev-server代理常切换问题，下面就一起来了解一下2019-01-01
JS遍历Table的所有单元格内容思路是遍历Table的所有Row，遍历Row中的每一列，获取Table中单元格的内容2014-08-08
下面小编就为大家带来一篇js中遍历Map对象的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
这篇文章主要介绍了小程序使用watch监听数据变化的方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
这里说全局变量,着重指的是能够全局动态响应的情况,下面这篇文章主要给大家介绍了关于uniapp实现全局变量的几种方式,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-10-10
本文给大家详细汇总了一下javascript中的数组方法，十分的全面细致，有需要的小伙伴可以参考下。2015-07-07
这篇文章主要介绍了es6数据变更同步到视图层的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-03-03
小程序里图片会显示不全，这时就应该做相应的处理，使小程序里图片显示正确，这篇文章主要介绍了微信小程序实现富文本图片宽度自适应的方法，感兴趣的小伙伴们可以参考一下2019-01-01
这篇文章主要介绍了js监听鼠标点击(onmousedown)和键盘点击(onkeydown)事件并自动跳转页面，很简单的一个实现2014-09-09
最新评论