關(guān)于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發(fā)現(xiàn)其中的modal有個bug，首頁點彈出框會出現(xiàn)問題，找了好多資料終于找到解決辦法。在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>
以上所述是小編給大家介紹的關(guān)于BootStrap modal 在IOS9中不能彈出的解決方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
詳解JavaScript的Symbol類型、隱藏屬性、全局注冊表
這篇文章主要介紹了JavaScript的Symbol類型、隱藏屬性、全局注冊表,本文主要對其使用方法和使用場景做個簡單的介紹，需要的朋友可以參考下2022-05-05
這篇文章主要介紹了JS清除字符串中重復(fù)值的實現(xiàn)方法,涉及javascript數(shù)組與字符串的遍歷、比較及數(shù)學(xué)運算相關(guān)技巧,需要的朋友可以參考下2016-08-08
這篇文章主要介紹了js獲取今天、昨天、明天的日期函數(shù)代碼,需要的朋友可以參考下2023-05-05
uniapp微信小程序獲取當(dāng)前城市名稱逆地址解析實例教程
最近在用uni-app開發(fā)小程序,需要獲取用戶所在城市,小程序本身沒有這樣的api,那么怎么實現(xiàn)呢?下面這篇文章主要給大家介紹了關(guān)于uniapp微信小程序獲取當(dāng)前城市名稱逆地址解析的相關(guān)資料,需要的朋友可以參考下2022-11-11
bootstrap中的 form表單屬性role="form"的作用詳解
這篇文章主要介紹了bootstrap中的 form表單屬性role="form"的作用詳解,非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-01-01
這篇文章主要為大家詳細介紹了小程序?qū)崿F(xiàn)簡單吸頂效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
選擇并轉(zhuǎn)移導(dǎo)航菜單的方法有很多，本例使用js來實現(xiàn)選擇并轉(zhuǎn)移導(dǎo)航菜單,需要的朋友可以參考下2014-08-08
在任何應(yīng)用程序中,正確處理錯誤都是至關(guān)重要的,JavaScript 提供了一個標準的 Error 對象來管理錯誤,但在實際開發(fā)中,通常需要針對特定場景定制錯誤處理,這時,自定義錯誤和擴展 Error 類就顯得尤為重要,本文給大家介紹了JavaScript自定義錯誤與擴展Error的示例2025-01-01
javascript設(shè)計模式 – 備忘錄模式原理與用法實例分析
這篇文章主要介紹了javascript設(shè)計模式 – 備忘錄模式,結(jié)合實例形式分析了javascript備忘錄模式相關(guān)概念、原理、用法及操作注意事項,需要的朋友可以參考下2020-04-04
JS實現(xiàn)點擊復(fù)選框變更DIV顯示狀態(tài)的示例代碼
下面小編就為大家分享一篇JS實現(xiàn)點擊復(fù)選框變更DIV顯示狀態(tài)的示例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12