关于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中不能弹出的解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要为大家介绍了JS优雅的使用function实现一个class示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
下面小编就为大家分享一篇js判断文件类型大小并给出提示的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了基于JS实现的倒计时程序,实例分析了javascript实现倒计时计数的相关技巧,非常简单实用,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了JavaScript实现鼠标点击后层展开效果的方法,可实现点击文字缓慢展开层的效果,具有一定参考借鉴价值,需要的朋友可以参考下2015-05-05
浮点数的精度问题不是JavaScript特有的，因为有些小数以二进制表示位数是无穷的2014-03-03
关于JavaScript小数进行加、减、乘、除出现多位小数问题，自己研究了一下，而且作了相关的测试，收获不少知识点，需要的朋友可以参考下2015-10-10
这篇文章主要为大家详细介绍了JS实现瀑布流效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
这篇文章主要介绍了JS+CSS实现仿支付宝菜单选中效果代码,涉及JavaScript基于鼠标事件动态设置页面css样式的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
这篇文章主要介绍了小程序从手动埋点到自动埋点的实现方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-01-01
这篇文章主要是对js中的Array操作进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
最新评论