关于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的Symbol类型、隐藏属性、全局注册表
这篇文章主要介绍了JavaScript的Symbol类型、隐藏属性、全局注册表,本文主要对其使用方法和使用场景做个简单的介绍，需要的朋友可以参考下2022-05-05
这篇文章主要介绍了JS清除字符串中重复值的实现方法,涉及javascript数组与字符串的遍历、比较及数学运算相关技巧,需要的朋友可以参考下2016-08-08
这篇文章主要介绍了js获取今天、昨天、明天的日期函数代码,需要的朋友可以参考下2023-05-05
最近在用uni-app开发小程序,需要获取用户所在城市,小程序本身没有这样的api,那么怎么实现呢?下面这篇文章主要给大家介绍了关于uniapp微信小程序获取当前城市名称逆地址解析的相关资料,需要的朋友可以参考下2022-11-11
bootstrap中的 form表单属性role="form"的作用详解
这篇文章主要介绍了bootstrap中的 form表单属性role="form"的作用详解,非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-01-01
这篇文章主要为大家详细介绍了小程序实现简单吸顶效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
选择并转移导航菜单的方法有很多，本例使用js来实现选择并转移导航菜单,需要的朋友可以参考下2014-08-08
在任何应用程序中,正确处理错误都是至关重要的,JavaScript 提供了一个标准的 Error 对象来管理错误,但在实际开发中,通常需要针对特定场景定制错误处理,这时,自定义错误和扩展 Error 类就显得尤为重要,本文给大家介绍了JavaScript自定义错误与扩展Error的示例2025-01-01
javascript设计模式 – 备忘录模式原理与用法实例分析
这篇文章主要介绍了javascript设计模式 – 备忘录模式,结合实例形式分析了javascript备忘录模式相关概念、原理、用法及操作注意事项,需要的朋友可以参考下2020-04-04
下面小编就为大家分享一篇JS实现点击复选框变更DIV显示状态的示例代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
最新评论